diff --git a/styles.css b/styles.css
index edc78c8..10501d1 100644
--- a/styles.css
+++ b/styles.css
@@ -1,10 +1,10 @@
 :root {
-  --bg: #000000;
-  --bg-soft: #090909;
-  --panel: #111111;
-  --panel-alt: #171717;
-  --panel-border: rgba(255, 255, 255, 0.1);
-  --panel-border-strong: rgba(255, 255, 255, 0.16);
+  --bg: #140700;
+  --bg-soft: #051225;
+  --panel: rgba(14, 16, 21, 0.82);
+  --panel-alt: rgba(19, 22, 29, 0.76);
+  --panel-border: rgba(255, 255, 255, 0.12);
+  --panel-border-strong: rgba(255, 255, 255, 0.18);
   --text: #f5f7fb;
   --muted: #a7adbb;
   --warm: #ff9d1e;
@@ -34,7 +34,9 @@ body {
   min-height: 100vh;
   font-family: "Segoe UI", "Trebuchet MS", sans-serif;
   color: var(--text);
-  background: #000;
+  background:
+    linear-gradient(120deg, #ff7f00 0%, #ff9d1e 24%, #261205 46%, #0b2347 72%, #1167ff 100%);
+  background-attachment: fixed;
 }
 
 body::before {
@@ -42,7 +44,10 @@ body::before {
   position: fixed;
   inset: 0;
   pointer-events: none;
-  background: none;
+  background:
+    radial-gradient(circle at 14% 18%, rgba(255, 157, 30, 0.3), transparent 34%),
+    radial-gradient(circle at 85% 14%, rgba(52, 141, 255, 0.26), transparent 32%),
+    radial-gradient(circle at 50% 100%, rgba(5, 18, 37, 0.35), transparent 38%);
 }
 
 body::after {
@@ -50,7 +55,7 @@ body::after {
   position: fixed;
   inset: 0;
   pointer-events: none;
-  background: none;
+  background: linear-gradient(180deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.18));
 }
 
 .ambient {