feat: space background from Aaron's Space_HD.jpg asset

- public/space-bg.jpg: Aaron's space art (3072x2048, purple cosmic scene)
- globals.css: body background wired to /space-bg.jpg with dark overlay (65% opacity)
  for readability, fixed attachment so it scrolls naturally
- CSS vars updated: dark/dark-mid/dark-card tuned for deep-purple space palette
- border color shifted slightly toward purple to complement the bg

styles/Home.module.css

@@ -68,9 +68,8 @@
   position: absolute;
   inset: 0;
   background: 
-    radial-gradient(ellipse 80% 60% at 50% 40%, rgba(192, 57, 43, 0.08) 0%, transparent 70%),
-    radial-gradient(ellipse 60% 40% at 50% 80%, rgba(192, 57, 43, 0.05) 0%, transparent 70%),
-    var(--dark);
+    radial-gradient(ellipse 80% 60% at 50% 40%, rgba(106, 0, 204, 0.15) 0%, transparent 70%),
+    radial-gradient(ellipse 60% 40% at 50% 80%, rgba(192, 57, 43, 0.08) 0%, transparent 70%);
   z-index: 0;
 }
 
@@ -270,9 +269,10 @@
 /* ── Characters section ──────────────────────────────────────────────────── */
 .characters {
   padding: 6rem 2.5rem;
-  background: var(--dark-mid);
+  background: rgba(8, 2, 18, 0.55);
   border-top: 1px solid var(--border);
   border-bottom: 1px solid var(--border);
+  backdrop-filter: blur(2px);
 }
 
 .sectionHeader {
@@ -290,8 +290,9 @@
 }
 
 .characterCard {
-  background: var(--dark-card);
-  border: 1px solid var(--border);
+  background: rgba(15, 5, 28, 0.72);
+  backdrop-filter: blur(6px);
+  border: 1px solid rgba(160, 100, 255, 0.18);
   padding: 2rem 1.75rem;
   position: relative;
   overflow: hidden;