Step 4: Add synthwave background gradients

- Updated hero background to deep purple/dark blue gradient
- Colors: #0a0015  #1a0030  #2d0060 (authentic synthwave palette)
- Added horizontal scan lines with magenta tint
- Updated background animation to synthwaveMove (vertical scroll effect)
- Removed old radial gradients for cleaner synthwave look
- Background now has authentic 80s retrowave atmosphere

TEST: Refresh to see dark purple background with subtle scan lines

src/styles/styles.css

@@ -169,11 +169,7 @@ body {
 
 /* Enhanced Hero Section */
 .hero-header {
-    background: linear-gradient(135deg, 
-        var(--bg-primary) 0%, 
-        var(--bg-secondary) 30%, 
-        rgba(138, 43, 226, 0.1) 70%, 
-        var(--bg-secondary) 100%);
+    background: linear-gradient(45deg, #0a0015 0%, #1a0030 25%, #2d0060 50%, #1a0030 75%, #0a0015 100%);
     padding: var(--space-xxl) var(--space-xl);
     position: relative;
     overflow: hidden;
@@ -187,10 +183,19 @@ body {
     right: 0;
     bottom: 0;
     background: 
-        radial-gradient(circle at 20% 30%, rgba(138, 43, 226, 0.15) 0%, transparent 50%),
-        radial-gradient(circle at 80% 70%, rgba(218, 112, 214, 0.1) 0%, transparent 50%),
-        linear-gradient(45deg, transparent 30%, rgba(138, 43, 226, 0.05) 50%, transparent 70%);
-    animation: heroBackgroundShift 10s ease-in-out infinite alternate;
+        linear-gradient(transparent 50%, rgba(255, 0, 255, 0.05) 50%),
+        repeating-linear-gradient(
+            0deg,
+            transparent,
+            transparent 98px,
+            rgba(255, 0, 255, 0.1) 100px
+        );
+    animation: synthwaveMove 6s linear infinite;
+}
+
+@keyframes synthwaveMove {
+    0% { transform: translateY(0); }
+    100% { transform: translateY(100px); }
 }
 
 @keyframes heroBackgroundShift {