Update app.py

app.py

@@ -1454,8 +1454,38 @@ with gr.Blocks(
     theme=THEME if isinstance(THEME, gr.themes.ThemeClass) else gr.themes.Soft(),
     title=APP_TITLE,
     css="""
+    /* ===== RESPONSIVE LAYOUT ===== */
     .gradio-container {
-        max-width: 1200px !important;
+        max-width: 100% !important;
+        width: 100% !important;
+        padding: 0 clamp(1rem, 2vw, 3rem) !important;
+        margin: 0 auto !important;
+    }
+    
+    /* Limit width on ultra-wide screens for readability */
+    @media (min-width: 2560px) {
+        .gradio-container {
+            max-width: 1800px !important;
+        }
+    }
+    
+    /* Tablet optimization */
+    @media (max-width: 1024px) {
+        .gradio-container {
+            padding: 0 1rem !important;
+        }
+    }
+    
+    /* Mobile optimization */
+    @media (max-width: 768px) {
+        .gradio-container {
+            padding: 0 0.5rem !important;
+        }
+        
+        /* Stack hero stats vertically on mobile */
+        .impact-stats {
+            grid-template-columns: 1fr !important;
+        }
     }
     
     /* ===== HERO SECTION STYLES ===== */
@@ -1469,6 +1499,7 @@ with gr.Blocks(
         position: relative;
         overflow: hidden;
     }
+
     
     .hero-section::before {
         content: '';