:root{--bg-space: #06070d;--bg-deep: #0b0c16;--bg-card: rgba(16, 18, 30, .75);--bg-card-hover: rgba(24, 27, 46, .85);--border-subtle: rgba(139, 92, 246, .2);--border-glow: rgba(168, 85, 247, .6);--purple-primary: #8b5cf6;--purple-vibrant: #a855f7;--purple-deep: #581c87;--purple-neon: #c084fc;--cyan-accent: #06b6d4;--magenta-accent: #f43f5e;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--glow-purple-sm: 0 0 15px rgba(139, 92, 246, .35);--glow-purple-lg: 0 0 35px rgba(168, 85, 247, .45);--glow-cyan: 0 0 20px rgba(6, 182, 212, .4);--font-display: "Orbitron", -apple-system, sans-serif;--font-subheading: "Rajdhani", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow-x:hidden;background-color:var(--bg-space);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-space)}::-webkit-scrollbar-thumb{background:#1e1b4b;border-radius:4px;border:1px solid var(--border-subtle)}::-webkit-scrollbar-thumb:hover{background:var(--purple-deep)}.font-display{font-family:var(--font-display)}.font-subheading{font-family:var(--font-subheading)}.font-mono{font-family:var(--font-mono)}.text-gradient-purple{background:linear-gradient(135deg,#fff,#d8b4fe 40%,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-cyan{background:linear-gradient(135deg,#a5f3fc,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 8px 32px #0006;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--border-glow);box-shadow:var(--glow-purple-sm),0 12px 40px #00000080}.cyber-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#6d28d9,#4c1d95);border:1px solid rgba(168,85,247,.5);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;text-decoration:none}.cyber-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.cyber-btn:hover{background:linear-gradient(135deg,#7c3aed,#581c87);border-color:var(--purple-vibrant);box-shadow:var(--glow-purple-sm);transform:translateY(-2px)}.cyber-btn:hover:before{left:100%}.cyber-btn.secondary{background:#0f111ab3;border:1px solid rgba(139,92,246,.3);color:var(--text-main)}.cyber-btn.secondary:hover{background:#1e1b4bcc;border-color:var(--purple-vibrant);color:#fff}.nebula-glow{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.35}.nebula-top-left{top:-150px;left:-150px;width:600px;height:600px;background:radial-gradient(circle,#581c87,#581c8700 70%)}.nebula-center-right{top:40%;right:-200px;width:700px;height:700px;background:radial-gradient(circle,#3b0764,#1e1b4b00 70%)}