Upload app.py

app.py

@@ -2230,65 +2230,56 @@ with st.sidebar:
 # MAIN AREA
 # ════════════════════════════════════════════════════════════════════
 
-# Header
-st.markdown("""
-<div style="text-align:center; padding:2rem 0 1rem 0;">
-    <div style="
-        font-size:2.4rem;
-        font-weight:700;
-        color:#ffffff;
-        letter-spacing:0.5px;
-        margin-bottom:0.4rem;
-        font-family:'Inter',sans-serif;
-    ">Saad.AI</div>
-    <div style="font-size:0.85rem; color:#6b7280;">
-        Your BSc Mathematics Assistant
-    </div>
-</div>
-""", unsafe_allow_html=True)
-
 # Welcome message if no chat
 if not st.session_state.messages:
     st.markdown("""
-    <div style="text-align:center; padding:3rem 0 2rem 0;">
-        <div style="
-            font-size:3rem;
-            margin-bottom:0.8rem;
-            animation: pulse 2s infinite;
-        ">🧮</div>
-        <div style="font-size:1.1rem; color:#d1d5db; font-weight:500; margin-bottom:0.5rem;">
-            How can I help you today?
-        </div>
-        <div style="font-size:0.82rem; color:#4b5563; margin-bottom:2rem;">
-            Ask me anything — math problems, explanations, or just say hi
-        </div>
-        <div style="display:flex; flex-wrap:wrap; gap:0.5rem; justify-content:center; max-width:600px; margin:0 auto;">
-            <span style="background:#111827; border:1px solid #1f2937; color:#9ca3af; padding:0.5rem 1rem; border-radius:20px; font-size:0.8rem; cursor:pointer;">
-                📈 Differentiate x³ + 2x
-            </span>
-            <span style="background:#111827; border:1px solid #1f2937; color:#9ca3af; padding:0.5rem 1rem; border-radius:20px; font-size:0.8rem; cursor:pointer;">
-                ∫ Integrate sin(x)·eˣ
-            </span>
-            <span style="background:#111827; border:1px solid #1f2937; color:#9ca3af; padding:0.5rem 1rem; border-radius:20px; font-size:0.8rem; cursor:pointer;">
-                🔢 Solve ODE dy/dx + 2y = e⁻ˣ
-            </span>
-            <span style="background:#111827; border:1px solid #1f2937; color:#9ca3af; padding:0.5rem 1rem; border-radius:20px; font-size:0.8rem; cursor:pointer;">
-                🧮 Newton-Raphson x³−2x−5=0
-            </span>
-            <span style="background:#111827; border:1px solid #1f2937; color:#9ca3af; padding:0.5rem 1rem; border-radius:20px; font-size:0.8rem; cursor:pointer;">
-                📐 Find curvature of y=x²
-            </span>
-            <span style="background:#111827; border:1px solid #1f2937; color:#9ca3af; padding:0.5rem 1rem; border-radius:20px; font-size:0.8rem; cursor:pointer;">
-                📊 Plot y = x² − 4
-            </span>
-        </div>
-    </div>
     <style>
-    @keyframes pulse {
+    @keyframes fadeInUp {
+        from { opacity: 0; transform: translateY(20px); }
+        to   { opacity: 1; transform: translateY(0); }
+    }
+    @keyframes blink {
         0%, 100% { opacity: 1; }
-        50% { opacity: 0.6; }
+        50%       { opacity: 0; }
+    }
+    .saad-welcome {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: 6rem 1rem 4rem 1rem;
+        text-align: center;
+        animation: fadeInUp 0.6s ease both;
+    }
+    .saad-name {
+        font-size: 2.6rem;
+        font-weight: 700;
+        color: #ffffff;
+        font-family: 'Inter', sans-serif;
+        letter-spacing: 0.5px;
+        margin-bottom: 0.6rem;
+    }
+    .saad-sub {
+        font-size: 0.88rem;
+        color: #4b5563;
+        letter-spacing: 0.3px;
+        margin-bottom: 1.2rem;
+    }
+    .saad-cursor {
+        display: inline-block;
+        width: 2px;
+        height: 1.4rem;
+        background: #3b82f6;
+        margin-left: 4px;
+        vertical-align: middle;
+        animation: blink 1s step-start infinite;
+        border-radius: 1px;
     }
     </style>
+    <div class="saad-welcome">
+        <div class="saad-name">Saad.AI <span class="saad-cursor"></span></div>
+        <div class="saad-sub">BSc Mathematics · Step-by-Step · SymPy Verified · LaTeX Rendered</div>
+    </div>
     """, unsafe_allow_html=True)
 
 # Render chat history