:root{--bg-primary: #0a0a0a;--bg-secondary: #1a0a2e;--bg-tertiary: #2d1b4e;--neon-cyan: #00ffff;--neon-pink: #ff00ff;--neon-purple: #bf00ff;--neon-blue: #0099ff;--neon-green: #39ff14;--neon-orange: #ff6600;--text-primary: #ffffff;--text-secondary: #c0c0c0;--text-muted: #808080;--glow-cyan: 0 0 10px rgba(0, 255, 255, .5), 0 0 20px rgba(0, 255, 255, .3);--glow-pink: 0 0 10px rgba(255, 0, 255, .5), 0 0 20px rgba(255, 0, 255, .3);--glow-purple: 0 0 10px rgba(191, 0, 255, .5), 0 0 20px rgba(191, 0, 255, .3);--glow-blue: 0 0 10px rgba(0, 153, 255, .5), 0 0 20px rgba(0, 153, 255, .3);--font-display: "Press Start 2P", cursive;--font-body: "VCR OSD Mono", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden}body{scroll-behavior:smooth}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);box-shadow:var(--glow-cyan);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--neon-pink);box-shadow:var(--glow-pink)}html,body{height:100%;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:2px;margin:0;text-transform:uppercase}h1{font-size:clamp(2rem,8vw,4rem);line-height:1.2}h2{font-size:clamp(1.5rem,5vw,3rem);line-height:1.3;margin-bottom:var(--spacing-lg)}h3{font-size:clamp(1.2rem,4vw,2rem);line-height:1.3;margin-bottom:var(--spacing-md)}p{font-size:clamp(.875rem,2vw,1rem);line-height:1.6;color:var(--text-secondary);margin:0}a{color:var(--neon-cyan);text-decoration:none;transition:all .3s ease}a:hover{color:var(--neon-pink);text-shadow:var(--glow-pink)}button{cursor:pointer;font-family:var(--font-body);transition:all .3s ease}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-xl) var(--spacing-md);border-bottom:2px solid var(--bg-tertiary)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.glow-text{text-shadow:var(--glow-cyan)}.glow-text.pink{text-shadow:var(--glow-pink)}.glow-text.purple{text-shadow:var(--glow-purple)}.glow-text.blue{text-shadow:var(--glow-blue)}.gradient-text{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-pink),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.card{background:var(--bg-secondary);border:2px solid var(--bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-md);transition:all .3s ease}.card:hover{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan);transform:translateY(-8px)}.btn{padding:12px 28px;border:2px solid var(--neon-cyan);background:transparent;color:var(--neon-cyan);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-md);box-shadow:var(--glow-cyan);transition:all .3s ease}.btn:hover{background:var(--neon-cyan);color:var(--bg-primary);box-shadow:0 0 20px #0ffc}.btn.btn-primary{border-color:var(--neon-pink);color:var(--neon-pink);box-shadow:var(--glow-pink)}.btn.btn-primary:hover{background:var(--neon-pink);color:var(--bg-primary);box-shadow:0 0 20px #f0fc}.btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.section{min-height:auto;padding:var(--spacing-lg) var(--spacing-sm)}.grid-2,.grid-3{grid-template-columns:1fr}}
