Update app.py

app.py

@@ -14,7 +14,8 @@ st.set_page_config(
 st.markdown("""
 <style>
 body {
-    background-color: #f8f9fb;
+    background: linear-gradient(135deg, #e0f2f1, #fce4ec);
+    font-family: 'Segoe UI', sans-serif;
 }
 header {
     visibility: hidden;
@@ -26,29 +27,32 @@ section.main > div {
 .hero {
     text-align: center;
     padding: 3rem 2rem;
-    background: linear-gradient(135deg, #f0f4ff, #e8fcf7);
-    border-radius: 12px;
-    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
+    background: linear-gradient(90deg, #00c9ff, #92fe9d);
+    border-radius: 16px;
+    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
+    color: white;
 }
 .hero h1 {
-    font-size: 3em;
+    font-size: 3.5em;
     margin-bottom: 0.2em;
-    color: #31333F;
 }
 .hero p {
     font-size: 1.25em;
-    color: #555;
     margin-top: 0.5em;
 }
 .section {
     background-color: white;
-    border-radius: 10px;
-    padding: 1.5rem;
-    margin-bottom: 1.5rem;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
+    border-radius: 16px;
+    padding: 2rem;
+    margin-bottom: 2rem;
+    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
+    transition: transform 0.3s ease;
+}
+.section:hover {
+    transform: translateY(-5px);
 }
 h3 {
-    color: #31333F;
+    color: #212121;
 }
 ul, ol {
     color: #555;
@@ -60,7 +64,7 @@ ul, ol {
 # --- Hero Section ---
 st.markdown("""
 <div class="hero">
-    <h1>GestureGuru</h1>
+    <h1>🔍 GestureGuru</h1>
     <p>AI-powered Russian Sign Language Recognition</p>
     <p>Enhancing communication through computer vision</p>
 </div>
@@ -90,28 +94,27 @@ st.markdown("""
 </div>
 """, unsafe_allow_html=True)
 
-# --- Upload block (placeholder) ---
+# --- Upload block (updated visual style) ---
 st.markdown("""
 <div class="section">
 <h3>📷 Try it now</h3>
 <p>Upload a frame or short clip for recognition.</p>
 """, unsafe_allow_html=True)
-uploaded_file = st.file_uploader("Upload an image or video frame", type=["jpg", "jpeg", "png"])
+uploaded_file = st.file_uploader("Upload an image", type=["jpg", "jpeg", "png"])
 if uploaded_file:
     img = Image.open(uploaded_file)
     st.image(img, caption="Uploaded frame", use_column_width=True)
-    st.info("Gesture recognition results will appear here.")
+    st.success("🚀 Image uploaded successfully. Gesture recognition will be applied.")
 else:
-    st.warning("Please upload an image to test recognition.")
+    st.info("Please upload an image to test recognition.")
 st.markdown("</div>", unsafe_allow_html=True)
 
 # --- Contact block ---
 st.markdown("""
-<div class="section" style="text-align: center;">
+<div class="section" style="text-align: center; background: linear-gradient(90deg, #fc466b, #3f5efb); color: white;">
 <h3>📢 Want to collaborate?</h3>
-<p>Email: <a href="mailto:your@email.com">your@email.com</a></p>
+<p>Email: <a style="color: #fff; text-decoration: underline;" href="mailto:your@email.com">your@email.com</a></p>
 </div>
 """, unsafe_allow_html=True)
 
 
-