Update app.py

app.py

@@ -53,15 +53,18 @@ def format_output(brand_input):
         """
     return html
 
-# Custom CSS for dark-blue, professional theme
+# Custom CSS for light background with dark-blue accents
 custom_css = """
-body { background-color: #0a1f44; color: #f0f0f0; font-family: 'Roboto', sans-serif; }
-#input-box textarea { background-color: #1f305b !important; color: #ffffff; border: none; border-radius: 8px; }
-#output-cards .card { background-color: #112857; color: #e0e0e0; border: none; border-radius: 10px; padding: 1em; margin-bottom: 1em; box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
-#output-cards h3 { margin-bottom: 0.3em; color: #ffd700; font-size: 1.3em; }
-#output-cards .platform { font-size: 0.9em; color: #cccccc; }
-.interface-title { color: #ffffff !important; font-size: 2em !important; }
-.interface-description { color: #c0c0c0 !important; }
+body { background-color: #f7f9fb; color: #1a1a1a; font-family: 'Roboto', sans-serif; }
+.interface-title { color: #0a1f44 !important; font-size: 2em !important; margin-bottom: 0.2em; }
+.interface-description { color: #333333 !important; margin-bottom: 1em; }
+#input-box textarea { background-color: #ffffff !important; color: #1a1a1a; border: 2px solid #0a1f44; border-radius: 8px; padding: 0.5em; }
+#input-box label { color: #0a1f44; font-weight: 600; }
+#output-cards .card { background-color: #ffffff; color: #1a1a1a; border-left: 4px solid #0a1f44; border-radius: 8px; padding: 1em; margin-bottom: 1em; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
+#output-cards h3 { margin-bottom: 0.4em; color: #0a1f44; font-size: 1.3em; }
+#output-cards .platform { font-size: 0.9em; color: #555555; }
+.gr-button { background-color: #0a1f44 !important; color: #ffffff !important; border-radius: 6px !important; }
+.gr-button:hover { background-color: #082d6b !important; }
 """
 
 # Build the Gradio interface
@@ -75,7 +78,7 @@ demo = gr.Interface(
     ),
     outputs=gr.HTML(elem_id="output-cards"),
     title="InfluMatch – AI-Powered Influencer Recommender",
-    description="Enter your brand or campaign description and get three top influencer matches.",
+    description="Enter your brand or campaign description to receive three top influencer matches with niche, region, and engagement details.",
     examples=[
         ["Skincare brand for Gen Z women in the US"],
         ["High-end travel gear targeting adventure enthusiasts in Europe"],