diff --git a/Web/css/modern.css b/Web/css/modern.css
index a1d945b..d3d1af6 100644
--- a/Web/css/modern.css
+++ b/Web/css/modern.css
@@ -6,7 +6,7 @@
     --text-light: #e5e7eb;
 /* Add dark blue variable */
     --bg-darkblue: #0f172a;
-    --container-bg: rgba(0,0,0,0.85);
+    --container-bg-start: #2b2b2b;
     --container-border: var(--primary-blue);
 }
 
@@ -56,7 +56,7 @@ a:hover, .btn:hover, .nav-link:hover {
 /* Main window styling (window within window) */
 .custom-container.dark-box {
     margin: 2rem;
-    background: var(--container-bg);
+    background: linear-gradient(135deg, var(--container-bg-start), var(--bg-dark));
     border: 2px solid var(--container-border);
     border-radius: var(--border-radius);
     padding: 1rem;