welcome css try

phase/welcome.py

@@ -57,6 +57,14 @@ def welcomeui():
         border-radius: 10px;
         font-weight: 600;
         box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
+        transition: all 0.3s ease;
+    }}
+
+    .badge:hover {{
+        background-color: #f0f0ff;
+        transform: scale(1.05);
+        box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2);
+        cursor: pointer;
     }}
 
     .card {{
@@ -66,6 +74,13 @@ def welcomeui():
         margin-bottom: 2rem;
         box-shadow: 0 5px 15px rgba(0,0,0,0.1);
         text-align: center;
+        transition: all 0.3s ease;
+    }}
+
+    .card:hover {{
+        transform: scale(1.02);
+        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
+        cursor: default;
     }}
 
     .card-icon {{
@@ -79,7 +94,7 @@ def welcomeui():
     st.markdown(f"""
     <div class="hero">
         <img src="data:image/png;base64,{logo_base64}" width="120" style="margin-bottom:1rem;" />
-        <h1>Welcome to FinanceLearn! 💖</h1>
+        <h1>Welcome to $martKid 💖</h1>
         <p style="font-size: 1.2rem; max-width: 700px; margin: auto;">
             The fun and engaging platform that makes financial literacy accessible for students and easy to teach! ✨🌟
         </p>
@@ -159,8 +174,7 @@ def welcomeui():
 
 def show_page():
     load_css(os.path.join("assets", "styles.css"))
-    
-    st.title("💹 Welcome to $mart Kids App")
+
 
     # ✅ Only show this when user is logged in
     if "user" in st.session_state and st.session_state.user: