Goal: The current background is too plain. Redesign it to feel like the interior of a "Frozen Survival Bunker".

Background Specification:

Base: Use a linear gradient from top to bottom: #0f172a (Slate-900) to #020617 (Slate-950).

Grid Texture: Overlay a "Tactical Grid" pattern.

Square grid (40px x 40px).

Line color: #334155 (Slate-700).

Opacity: 5% (Barely visible).

Effect: Fade the grid out towards the center (mask-image radial gradient) so the text area is clean.

Frost Effect: Add a "Vignette" that looks like Frosted Glass at the edges of the screen.

style.css

@@ -1,23 +1,41 @@
 @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap');
-
 /* Base Styles */
 body {
     position: relative;
-    background: #0a0c10;
+    background: linear-gradient(to bottom, #0f172a, #020617);
 }
 
-/* Noise Overlay */
+/* Tactical Grid Background */
+body::before {
+    content: '';
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-image: 
+        linear-gradient(rgba(51, 65, 85, 0.05) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(51, 65, 85, 0.05) 1px, transparent 1px);
+    background-size: 40px 40px;
+    mask-image: radial-gradient(circle at center, transparent 40%, black 80%);
+    pointer-events: none;
+    z-index: 1;
+}
+/* Frosted Glass Vignette */
 .noise-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
-    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");
+    background-image: 
+        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.1) 0%, transparent 20%),
+        radial-gradient(circle at 0% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 40%),
+        radial-gradient(circle at 100% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 40%),
+        radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.1) 0%, transparent 20%);
     pointer-events: none;
     z-index: 50;
 }
-
 /* Scanlines */
 .scanlines {
     position: fixed;