sidebar color fix

index.html

@@ -36,14 +36,25 @@
 
         #sidebar-tab {
             position: absolute; left: -40px; top: 50%; transform: translateY(-50%);
-            width: 40px; height: 70px; background: #1e293b; color: #38bdf8;
+            width: 40px; height: 70px; 
+            /* Sidebar match */
+            background: #1e293b; 
+            /* The blue color from your original design */
+            color: #38bdf8; 
             border: none; border-radius: 8px 0 0 8px; cursor: pointer;
             box-shadow: -5px 0 10px rgba(0,0,0,0.1); display: flex;
             align-items: center; justify-content: center; font-size: 1.2rem;
             border-left: 1px solid #334155; border-top: 1px solid #334155; border-bottom: 1px solid #334155;
-            padding: 0; transition: background 0.2s;
+            padding: 0; transition: all 0.2s ease;
+        }
+
+        #sidebar-tab:hover { 
+            background: #334155; 
+            /* Brighter blue on hover */
+            color: #7dd3fc; 
+            /* Subtle blue glow */
+            box-shadow: -2px 0 15px rgba(56, 189, 248, 0.3);
         }
-        #sidebar-tab:hover { background: #334155; }
 
         h2 { color: #38bdf8; }
         .research-text { line-height: 1.8; font-size: 1.1rem; color: #cbd5e1; }