Update app.py

app.py

@@ -43,7 +43,7 @@ COUNTER = """
             padding: 20px;
         }
         .countdown-container {
-            background: linear-gradient(135deg, #0a0a0a 0%, #FF7A00 35%, #4A90E2 70%, #ffffff 100%);
+            background: #C8DDD7;
             border-radius: 20px;
             padding: 40px;
             box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
@@ -56,7 +56,7 @@ COUNTER = """
         .title {
             font-size: 28px;
             font-weight: 600;
-            color: white;
+            color: #000000;
             margin-bottom: 40px;
         }
         .countdown {
@@ -85,12 +85,12 @@ COUNTER = """
         }
         .circle-bg {
             fill: none;
-            stroke: rgba(0, 0, 0, 0.3);
+            stroke: rgba(0, 0, 0, 0.15);
             stroke-width: 6;
         }
         .circle-progress {
             fill: none;
-            stroke: black;
+            stroke: #000000;
             stroke-width: 6;
             stroke-linecap: round;
             stroke-dasharray: 283;
@@ -104,13 +104,13 @@ COUNTER = """
             transform: translate(-50%, -50%);
             font-size: 32px;
             font-weight: 700;
-            color: white;
+            color: #000000;
             font-family: 'Courier New', monospace;
         }
         .label {
             font-size: 16px;
             font-weight: 500;
-            color: white;
+            color: #000000;
             text-transform: uppercase;
             letter-spacing: 1px;
         }
@@ -185,7 +185,7 @@ COUNTER = """
         </div>
     </div>
     <script>
-        // Set target date to November 30, 2025, 11:59 PM UTC
+        // Set target date to November 13, 2025, 11:59 PM UTC
         const targetDate = new Date(Date.UTC(2025, 10, 13, 23, 59, 59)); // Month is 0-indexed (10 = November)
         
         function updateCountdown() {
@@ -570,22 +570,19 @@ if check_dataset_health():
 else:
     logger.warning("⚠️  System starting with dataset health warnings")
 
-# Custom CSS for gradient theme
+# Custom CSS for MCP theme
 custom_css = """
 .gradio-container {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
 }
 .header-gradient {
-    background: linear-gradient(135deg, #0a0a0a 0%, #FF7A00 35%, #4A90E2 70%, #ffffff 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
+    color: #000000;
 }
-/* Gradient Submit Button Styling */
+/* MCP-themed Submit Button Styling */
 #gradient-submit-btn {
-    background: linear-gradient(135deg, #0a0a0a 0%, #FF7A00 35%, #4A90E2 70%, #ffffff 100%) !important;
-    border: none !important;
-    color: white !important;
+    background: #C8DDD7 !important;
+    border: 2px solid #000000 !important;
+    color: #000000 !important;
     font-weight: 600 !important;
     font-size: 18px !important;
     padding: 16px 32px !important;
@@ -597,6 +594,7 @@ custom_css = """
 #gradient-submit-btn:hover {
     transform: translateY(-2px) !important;
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
+    background: #B8CEC7 !important;
 }
 #gradient-submit-btn:active {
     transform: translateY(0px) !important;
@@ -608,21 +606,23 @@ custom_css = """
     cursor: not-allowed !important;
     transform: none !important;
 }
-/* Verify button styling */
+/* Verify button styling - Inverted MCP theme */
 #verify-btn {
-    background: linear-gradient(135deg, #4A90E2 0%, #0a0a0a 100%) !important;
-    border: none !important;
-    color: white !important;
+    background: #000000 !important;
+    border: 2px solid #C8DDD7 !important;
+    color: #C8DDD7 !important;
     font-weight: 600 !important;
     font-size: 16px !important;
     padding: 12px 24px !important;
     border-radius: 8px !important;
-    box-shadow: 0 3px 10px rgba(74, 144, 226, 0.3) !important;
+    box-shadow: 0 3px 10px rgba(200, 221, 215, 0.3) !important;
     transition: all 0.3s ease !important;
 }
 #verify-btn:hover {
     transform: translateY(-2px) !important;
-    box-shadow: 0 5px 15px rgba(74, 144, 226, 0.4) !important;
+    box-shadow: 0 5px 15px rgba(200, 221, 215, 0.5) !important;
+    background: #1a1a1a !important;
+    border-color: #D8EDE7 !important;
 }
 """