Update app.py

app.py

@@ -14,16 +14,16 @@ st.set_page_config(
 st.markdown("""
 <style>
 body {
-    background-image: url('https://images.unsplash.com/photo-1633113210877-2dbb0fd770f5?auto=format&fit=crop&w=1920&q=80');
+    background-image: url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1920&q=80');
     background-size: cover;
     background-attachment: fixed;
     background-position: center;
     font-family: 'Segoe UI', sans-serif;
-    color: #333;
+    color: #222;
     animation: fade-in 2s ease-out;
 }
 .sidebar .sidebar-content {
-    background-color: rgba(255, 255, 255, 0.75);
+    background-color: rgba(255, 255, 255, 0.8);
     padding: 1rem;
     border-radius: 16px;
     box-shadow: 0 4px 12px rgba(0,0,0,0.1);
@@ -32,7 +32,7 @@ body {
 .hero {
     text-align: center;
     padding: 5rem 2rem;
-    background: linear-gradient(135deg, rgba(0,0,0,0.7), rgba(70,70,70,0.7));
+    background: linear-gradient(135deg, #8e2de2, #4a00e0);
     border-radius: 24px;
     color: white;
     margin-bottom: 3rem;
@@ -62,7 +62,7 @@ body {
     box-shadow: 0 4px 12px rgba(0,0,0,0.4);
 }
 .section {
-    background: rgba(255, 255, 255, 0.85);
+    background: rgba(255, 255, 255, 0.95);
     border-radius: 20px;
     padding: 2.5rem;
     margin-bottom: 2.5rem;
@@ -72,18 +72,19 @@ body {
 }
 h3 {
     font-size: 1.8rem;
-    color: #333;
+    color: #2e2e2e;
     margin-bottom: 1rem;
 }
 ul, ol {
     font-size: 1.1em;
     line-height: 1.6;
+    color: #444;
 }
 .contact-block {
     text-align: center;
     padding: 3rem;
     border-radius: 20px;
-    background: linear-gradient(to right, #00c6ff, #0072ff);
+    background: linear-gradient(to right, #ff6a00, #ee0979);
     color: white;
     margin-top: 3rem;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
@@ -110,8 +111,8 @@ ul, ol {
   100% { transform: translateY(0); opacity: 1; }
 }
 @keyframes glow-text {
-  from { text-shadow: 0 0 5px #fff, 0 0 10px #92faff, 0 0 20px #00ffe5; }
-  to { text-shadow: 0 0 10px #fff, 0 0 20px #00f2ff, 0 0 30px #00f2ff; }
+  from { text-shadow: 0 0 5px #fff, 0 0 10px #bca7ff, 0 0 20px #7e57ff; }
+  to { text-shadow: 0 0 10px #fff, 0 0 20px #b388ff, 0 0 30px #7e57ff; }
 }
 </style>
 """, unsafe_allow_html=True)
@@ -160,3 +161,4 @@ st.markdown("""
 """, unsafe_allow_html=True)
 
 
+