Update app.py

app.py

@@ -7,21 +7,31 @@ st.set_page_config(
     page_title="GestureGuru",
     page_icon="🤖",
     layout="wide",
-    initial_sidebar_state="auto"
+    initial_sidebar_state="expanded"
 )
 
 # --- Custom Style ---
 st.markdown("""
 <style>
 body {
-    background: linear-gradient(to right, #f8fbff, #eef7ff);
+    background-image: url('https://images.unsplash.com/photo-1581092160613-7f07e5d14c86?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;
 }
+.sidebar .sidebar-content {
+    background-color: rgba(255, 255, 255, 0.75);
+    padding: 1rem;
+    border-radius: 16px;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+    backdrop-filter: blur(8px);
+}
 .hero {
     text-align: center;
     padding: 5rem 2rem;
-    background: linear-gradient(135deg, #667eea, #764ba2);
+    background: linear-gradient(135deg, rgba(102,126,234,0.9), rgba(118,75,162,0.9));
     border-radius: 24px;
     color: white;
     margin-bottom: 3rem;
@@ -38,11 +48,12 @@ body {
     margin-top: 0.5em;
 }
 .section {
-    background: white;
+    background: rgba(255, 255, 255, 0.85);
     border-radius: 20px;
     padding: 2.5rem;
     margin-bottom: 2.5rem;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
+    backdrop-filter: blur(4px);
 }
 h3 {
     font-size: 1.8rem;
@@ -110,7 +121,3 @@ st.markdown("""
     <p>Email: <a href="mailto:your@email.com">your@email.com</a></p>
 </div>
 """, unsafe_allow_html=True)
-
-
-
-