Update app.py

app.py

@@ -79,51 +79,31 @@ st.markdown("""
     50% { background-position: 100% 50%; }
     100% { background-position: 0% 50%; }
 }
-/* Animated Header - COMPLETELY FIXED WITH SOLID TEXT */
-.animated-header {
+/* NEW HEADER - Simple and Visible */
+.hero-header {
+    background: linear-gradient(135deg, #1e1e3f 0%, #2d2d5f 100%);
+    padding: 3rem 2rem;
+    border-radius: 25px;
+    margin-bottom: 2rem;
     text-align: center;
-    padding: 3.5rem 2rem;
-    margin-bottom: 2.5rem;
-    background: linear-gradient(135deg, #0f0f23 0%, #1a1a3e 100%);
-    border-radius: 30px;
-    border: 3px solid rgba(102, 126, 234, 0.6);
-    box-shadow: 
-        0 25px 70px rgba(0, 0, 0, 0.6),
-        0 10px 40px rgba(102, 126, 234, 0.4),
-        inset 0 2px 0 rgba(255, 255, 255, 0.15);
-    animation: fadeInDown 0.8s ease;
-    position: relative;
-    overflow: visible;
+    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
+    border: 2px solid #667eea;
 }
 
-/* Add a subtle shine effect */
-.animated-header::before {
-    content: '';
-    position: absolute;
-    top: -50%;
-    right: -30%;
-    width: 300px;
-    height: 300px;
-    background: radial-gradient(circle, rgba(102, 126, 234, 0.2) 0%, transparent 70%);
-    animation: rotate 10s linear infinite;
-    pointer-events: none;
-    z-index: 0;
+.hero-title {
+    font-size: 3.5rem;
+    font-weight: 900;
+    color: #ffffff;
+    margin: 0 0 1rem 0;
+    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
 }
 
-@keyframes rotate {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
-}
-
-@keyframes fadeInDown {
-    from {
-        opacity: 0;
-        transform: translateY(-30px);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
+.hero-subtitle {
+    font-size: 1.3rem;
+    color: #ffffff;
+    margin: 0;
+    font-weight: 400;
+    opacity: 0.95;
 }
 /* Premium Tabs */
 .stTabs [data-baseweb="tab-list"] {
@@ -329,15 +309,11 @@ header {visibility: hidden;}
 </style>
 """, unsafe_allow_html=True)
 
-# Animated Header
+# New Simple Header
 st.markdown("""
-<div class="animated-header">
-    <h1 style="font-size: 4rem; font-weight: 900; color: #ffffff; margin: 0; position: relative; z-index: 100; letter-spacing: -0.02em; text-shadow: 0 0 40px rgba(102, 126, 234, 0.9), 0 4px 15px rgba(0, 0, 0, 0.8);">
-        🧠 AI Study Helper Pro
-    </h1>
-    <p style="color: #ffffff; font-size: 1.4rem; margin-top: 1rem; font-weight: 400; position: relative; z-index: 100; text-shadow: 0 0 30px rgba(102, 126, 234, 0.8), 0 2px 10px rgba(0, 0, 0, 0.6); letter-spacing: 0.5px;">
-        ⚡ Supercharge Your Learning with Advanced AI Technology
-    </p>
+<div class="hero-header">
+    <div class="hero-title">🧠 AI Study Helper Pro</div>
+    <div class="hero-subtitle">⚡ Supercharge Your Learning with Advanced AI Technology</div>
 </div>
 """, unsafe_allow_html=True)