Enhance CSS for improved responsiveness and visual appeal in Gradio app

app.py

@@ -159,13 +159,16 @@ def analyze_text(text: str, model_name: str) -> str:
 
 # Enhanced CSS with better responsiveness
 CUSTOM_CSS = """
-.gradio-container {
-    max-width: 1200px !important;
-    margin: auto !important;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
-    border-radius: 20px !important;
-    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
-}
+    .gradio-container {
+        max-width: 900px !important;
+        margin: auto !important;
+        background: #f4f7fa !important;
+        border-radius: 24px !important;
+        box-shadow: 0 8px 32px 0 #bdbdbd33;
+        border: 1.5px solid #e3e3e3;
+        min-height: 100vh;
+        padding-bottom: 32px;
+    }
 .main-card {
     background: rgba(255, 255, 255, 0.95);
     border-radius: 16px;
@@ -334,4 +337,4 @@ if __name__ == "__main__":
         show_error=True,
         favicon_path=None,  # Add your favicon path here
         ssl_verify=False
-    )
+    )