diff --git a/frontend/css/guides.css b/frontend/css/guides.css
index 67ed87d..312eb2e 100644
--- a/frontend/css/guides.css
+++ b/frontend/css/guides.css
@@ -888,4 +888,34 @@ html {
 
 .dark-mode .mistakes-list li:hover p {
   color: #f9fafb !important;
+}
+
+/* =========================================
+   DARK MODE – FIX WHITE HOVER BACKGROUND
+   ========================================= */
+
+body.dark-mode .practice-item,
+body.dark-mode .pr-steps li,
+body.dark-mode .guide-list li,
+body.dark-mode .mistakes-list li {
+  background: #111827; /* dark card base */
+  border: 1px solid #1f2937;
+}
+
+/* Hover state stays dark */
+body.dark-mode .practice-item:hover,
+body.dark-mode .pr-steps li:hover,
+body.dark-mode .guide-list li:hover,
+body.dark-mode .mistakes-list li:hover {
+  background: #1f2937; /* slightly lifted dark */
+  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.75);
+  transform: translateY(-6px);
+}
+
+/* Ensure text stays visible */
+body.dark-mode .practice-item h4,
+body.dark-mode .pr-steps h4,
+body.dark-mode .guide-list h4,
+body.dark-mode .mistakes-list p {
+  color: #f9fafb;
 }
\ No newline at end of file
diff --git a/frontend/css/style.css b/frontend/css/style.css
index 91207a6..eda3561 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -1874,7 +1874,7 @@ body.dark-mode footer.site-footer {
   background:
     radial-gradient(900px circle at 10% 10%, rgba(212, 175, 55, 0.16) 0%, transparent 55%),
     radial-gradient(800px circle at 90% 0%, rgba(255, 255, 255, 0.05) 0%, transparent 55%),
-    linear-gradient(135deg, rgba(13, 17, 23, 0.96) 0%, rgba(22, 27, 34, 0.96) 100%);
+    linear-gradient(135deg, rgba(16, 20, 27, 0.96) 0%, rgba(22, 27, 34, 0.96) 100%);
 }
 
 /* =========================