Update app.py

app.py

@@ -97,9 +97,58 @@ def chat_with_rezAi(message, history):
 
     return assistant_response
 
+custom_css = """
+body {
+  background: linear-gradient(135deg, #0f0f0f, #1a1a1a);
+  color: var(--text-primary, #ffffff);
+  font-family: 'Inter', sans-serif;
+}
+
+.gradio-container {
+  background: rgba(15, 15, 15, 0.8);
+  border: 1px solid #1f1f1f;
+  border-radius: 1.25rem;
+  backdrop-filter: blur(12px);
+  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
+  padding: 2rem;
+}
+
+.message.user {
+  background-color: #374151 !important;
+  color: #ffffff !important;
+  border-radius: 1rem !important;
+}
+
+.message.bot {
+  background-color: #1f1f1f !important;
+  color: #d1d5db !important;
+  border-radius: 1rem !important;
+}
+
+textarea, input[type="text"] {
+  background: #1f1f1f;
+  color: #ffffff;
+  border: 1px solid #333;
+  border-radius: 0.75rem;
+}
+
+button {
+  background: linear-gradient(135deg, #4B5563 0%, #374151 100%);
+  color: white;
+  border-radius: 0.75rem;
+  font-weight: 500;
+  transition: background 0.3s;
+}
+
+button:hover {
+  background: linear-gradient(135deg, #6B7280 0%, #4B5563 100%);
+}
+"""
+
 # Simple Gradio interface
 demo = gr.ChatInterface(
     fn=chat_with_rezAi,
+    css = custom_css,
     title="RezAI",
     description="RezAI: Trained on Reza's resume.",
     theme = "monochrome"