diff --git a/static/style.css b/static/style.css
index 2f24d06..9931d7c 100644
--- a/static/style.css
+++ b/static/style.css
@@ -2,17 +2,17 @@
    CSS custom properties
    ============================================================ */
 :root {
-  --bg: #f4f6f9;
+  --bg: linear-gradient(165deg, #b2d9f5 0%, #ceeabd 50%, #edf6e8 100%);
   --card-bg: #ffffff;
   --card-shadow: 0 4px 24px rgba(0,0,0,.10);
   --text: #1a1d23;
   --text-muted: #6b7280;
   --border: #d1d5db;
   --input-bg: #ffffff;
-  --input-focus-border: #4f46e5;
-  --input-focus-shadow: 0 0 0 3px rgba(79,70,229,.15);
-  --btn-primary-bg: #4f46e5;
-  --btn-primary-hover: #4338ca;
+  --input-focus-border: #2fa700;
+  --input-focus-shadow: 0 0 0 3px rgba(47,167,0,.15);
+  --btn-primary-bg: #2fa700;
+  --btn-primary-hover: #279100;
   --btn-secondary-bg: #f3f4f6;
   --btn-secondary-hover: #e5e7eb;
   --btn-secondary-text: #374151;
@@ -27,17 +27,17 @@
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --bg: #0f1117;
+    --bg: linear-gradient(165deg, #06101e 0%, #091a0d 55%, #0f1117 100%);
     --card-bg: #1e2130;
     --card-shadow: 0 4px 24px rgba(0,0,0,.40);
     --text: #e5e7eb;
     --text-muted: #9ca3af;
     --border: #374151;
     --input-bg: #111827;
-    --input-focus-border: #6366f1;
-    --input-focus-shadow: 0 0 0 3px rgba(99,102,241,.20);
-    --btn-primary-bg: #6366f1;
-    --btn-primary-hover: #4f46e5;
+    --input-focus-border: #35b800;
+    --input-focus-shadow: 0 0 0 3px rgba(53,184,0,.20);
+    --btn-primary-bg: #35b800;
+    --btn-primary-hover: #2fa700;
     --btn-secondary-bg: #374151;
     --btn-secondary-hover: #4b5563;
     --btn-secondary-text: #d1d5db;
@@ -65,6 +65,7 @@ body {
   font-size: 16px;
   line-height: 1.6;
   background: var(--bg);
+  background-attachment: fixed;
   color: var(--text);
   min-height: 100vh;
   display: flex;