Update app.py

app.py

@@ -243,7 +243,48 @@ def generate_final_video(script_file, num_images):
 
 
 ### 🚀 GRADIO UI ###
-with gr.Blocks() as app:
+with gr.Blocks(css = """
+    body {
+        background-color: #0d0d0d;
+        color: #00f2ff;
+        font-family: 'Orbitron', sans-serif;
+    }
+    .gr-button {
+        background: linear-gradient(90deg, #00f2ff, #00bcd4);
+        color: white;
+        font-weight: bold;
+        border: none;
+        border-radius: 8px;
+        box-shadow: 0 0 10px #00f2ff;
+        transition: all 0.3s ease-in-out;
+    }
+    .gr-button:hover {
+        box-shadow: 0 0 20px #00f2ff;
+        transform: scale(1.05);
+    }
+    .gr-textbox, .gr-slider, .gr-file {
+        background: rgba(255, 255, 255, 0.1);
+        border: 1px solid #00f2ff;
+        border-radius: 8px;
+        color: #00f2ff;
+        box-shadow: 0 0 8px #00f2ff;
+    }
+    .gr-textbox:focus, .gr-slider:hover, .gr-file:hover {
+        box-shadow: 0 0 15px #00f2ff;
+        border-color: #00e5ff;
+    }
+    .gr-markdown h1, .gr-markdown h2 {
+        color: #00f2ff;
+        text-shadow: 0 0 10px #00f2ff;
+    }
+    .gr-tab {
+        background: rgba(255, 255, 255, 0.05);
+        border-bottom: 2px solid #00f2ff;
+    }
+    .gr-tab:hover {
+        box-shadow: 0 0 10px #00f2ff;
+    }
+""") as app:
 
     gr.Markdown("## # 🎬 AI-Powered Educational Video Generator")