Update better_offer.html

better_offer.html

@@ -1,21 +1,23 @@
     <div id="classifier-page">
       <style>
         /* Force light mode inside this block only */
-        #classifier-page, 
-        #classifier-page * {
+        #classifier-page {
           background: #ffffff !important;
           color: #0f172a !important;
           font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
-        }
-    
-        #classifier-page {
+        
           max-width: 900px !important;
           margin: 24px auto !important;
           padding: 28px 20px !important;
           border-radius: 12px !important;
           box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
         }
-    
+        
+        /* All text dark */
+        #classifier-page * {
+          color: #0f172a !important;
+        }
+        
         /* Pills */
         #classifier-page .pill {
           display: inline-block !important;
@@ -29,10 +31,12 @@
         #classifier-page .pill-cyan { background:#ecfeff !important; color:#155e75 !important; }
         #classifier-page .pill-green { background:#f0fdf4 !important; color:#166534 !important; }
         #classifier-page .pill-orange { background:#fff7ed !important; color:#9a3412 !important; }
+        
         /* Explicitly restore button background overrides */
         #classifier-page a {
           text-decoration: none !important;
         }
+
       </style>  
       <!-- Header -->
       <h1 style="margin:0 0 8px; font-size:32px;">mtDNA Location Classifier</h1>