diff --git a/Web/css/modern.css b/Web/css/modern.css
index 5e498f0..a1d945b 100644
--- a/Web/css/modern.css
+++ b/Web/css/modern.css
@@ -5,8 +5,8 @@
     --primary-blue: #3b82f6;
     --text-light: #e5e7eb;
 /* Add dark blue variable */
-    --bg-darkblue: #1e3a8a;
-    --container-bg: rgba(0,0,0,0.6);
+    --bg-darkblue: #0f172a;
+    --container-bg: rgba(0,0,0,0.85);
     --container-border: var(--primary-blue);
 }
 
@@ -33,7 +33,7 @@ a:hover, .btn:hover, .nav-link:hover {
 }
 
 .dark-box {
-    background: rgba(0, 0, 0, 0.45);
+    background: rgba(0,0,0,0.6);
     border-radius: var(--border-radius);
     padding: 1rem;
     backdrop-filter: blur(8px);