@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&family=JetBrains+Mono:wght@300;400;500;600&display=swap");:root{--bg-void:#0a0a0f;--bg-space:#0f0f1a;--bg-nebula:#14141f;--bg-surface:#1a1a28;--bg-panel:#1f1f2e;--accent-purple:#a855f7;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-blue:#3b82f6;--gradient-nebula:radial-gradient(ellipse at top,rgba(168,85,247,.15) 0%,rgba(59,130,246,.1) 50%,transparent 100%);--gradient-aurora:linear-gradient(135deg,rgba(168,85,247,.2),rgba(6,182,212,.2) 50%,rgba(16,185,129,.2));--gradient-holographic:linear-gradient(90deg,var(--accent-purple) 0%,var(--accent-cyan) 25%,var(--accent-pink) 50%,var(--accent-cyan) 75%,var(--accent-purple) 100%);--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.7);--text-tertiary:hsla(0,0%,100%,.5);--text-muted:hsla(0,0%,100%,.3);--border-subtle:hsla(0,0%,100%,.08);--border-medium:hsla(0,0%,100%,.15);--border-glow:rgba(168,85,247,.3);--glass-light:hsla(0,0%,100%,.05);--glass-medium:hsla(0,0%,100%,.08);--glass-heavy:hsla(0,0%,100%,.12);--glass-blur:blur(20px);--shadow-glow-purple:0 0 40px rgba(168,85,247,.3);--shadow-glow-cyan:0 0 40px rgba(6,182,212,.3);--shadow-depth-sm:0 4px 20px rgba(0,0,0,.5);--shadow-depth-md:0 8px 40px rgba(0,0,0,.6);--shadow-depth-lg:0 20px 60px rgba(0,0,0,.7);--font-display:"Orbitron",monospace;--font-body:"JetBrains Mono",monospace;--font-mono:"Space Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.34,1.56,0.64,1);--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-popover:50;--z-toast:60;--z-tooltip:70}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-void);background-image:var(--gradient-nebula);background-attachment:fixed;position:relative;overflow-x:hidden}body:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");z-index:9999;mix-blend-mode:overlay}body:after,body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none}body:after{background:repeating-linear-gradient(0deg,transparent,transparent 2px,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 4px);z-index:9998;opacity:.3}.display-1{font-family:var(--font-display);font-size:var(--text-7xl);font-weight:var(--weight-black);line-height:var(--leading-tight);letter-spacing:-.02em;background:var(--gradient-holographic);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:holographic-shimmer 3s linear infinite}.display-2{font-size:var(--text-6xl);letter-spacing:-.01em;text-shadow:0 0 20px rgba(168,85,247,.5)}.display-2,.display-3{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary)}.display-3{font-size:var(--text-5xl)}.heading-1{font-size:var(--text-4xl);font-weight:var(--weight-bold)}.heading-1,.heading-2{font-family:var(--font-display);line-height:var(--leading-tight);color:var(--text-primary)}.heading-2{font-size:var(--text-3xl)}.heading-2,.heading-3{font-weight:var(--weight-semibold)}.heading-3{font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--leading-normal);color:var(--text-primary)}.body-large{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.body-base,.body-large{font-family:var(--font-body);font-weight:var(--weight-normal);color:var(--text-secondary)}.body-base{font-size:var(--text-base)}.body-base,.body-small{line-height:var(--leading-normal)}.body-small{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--text-tertiary)}.label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.btn,.label{line-height:1}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);overflow:hidden;white-space:nowrap}.btn:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--transition-base)}.btn:hover:before{opacity:1}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gradient-holographic);background-size:200% auto;color:var(--bg-void);box-shadow:var(--shadow-glow-purple)}.btn-primary:before{background:linear-gradient(90deg,hsla(0,0%,100%,.2),transparent)}.btn-primary:hover{background-position:100%;box-shadow:0 0 60px rgba(168,85,247,.6)}.btn-secondary{background:var(--glass-medium);color:var(--text-primary);border:1px solid var(--border-glow);backdrop-filter:var(--glass-blur)}.btn-secondary:before{background:var(--glass-light)}.btn-secondary:hover{border-color:var(--accent-purple);box-shadow:var(--shadow-glow-purple)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-ghost:before{background:var(--glass-light)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-medium)}.btn-icon{padding:var(--space-3);border-radius:var(--radius-full)}.card{position:relative;background:var(--glass-medium);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-6);backdrop-filter:var(--glass-blur);overflow:hidden;transition:all var(--transition-base)}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--gradient-holographic);background-size:200% auto;opacity:0;transition:opacity var(--transition-base)}.card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-depth-md);transform:translateY(-4px)}.card:hover:before{opacity:1}.card-glass{background:var(--glass-heavy);border:1px solid var(--border-medium);box-shadow:var(--shadow-depth-sm)}.input{width:100%;padding:var(--space-4) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--glass-medium);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);transition:all var(--transition-base)}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px rgba(168,85,247,.1),var(--shadow-glow-purple)}.input:hover:not(:focus){border-color:var(--border-medium)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-full);white-space:nowrap}.badge-purple{background:rgba(168,85,247,.15);color:var(--accent-purple);border:1px solid rgba(168,85,247,.3)}.badge-cyan{background:rgba(6,182,212,.15);color:var(--accent-cyan);border:1px solid rgba(6,182,212,.3)}.badge-green{background:rgba(16,185,129,.15);color:var(--accent-green);border:1px solid rgba(16,185,129,.3)}.badge-orange{background:rgba(245,158,11,.15);color:var(--accent-orange);border:1px solid rgba(245,158,11,.3)}@keyframes holographic-shimmer{0%{background-position:0}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(168,85,247,.3)}50%{box-shadow:0 0 40px rgba(168,85,247,.6)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-fade-in-up{animation:fade-in-up .6s ease-out}.animate-fade-in{animation:fade-in .6s ease-out}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.glass-panel{background:var(--glass-medium);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);backdrop-filter:var(--glass-blur)}.holographic-border{position:relative;border:2px solid transparent;background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,var(--gradient-holographic) border-box;background-size:200% auto}.holographic-border:hover{background-position:100%}.glow-purple{box-shadow:var(--shadow-glow-purple)}.glow-cyan{box-shadow:var(--shadow-glow-cyan)}.text-gradient{background:var(--gradient-holographic);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.backdrop-blur{backdrop-filter:var(--glass-blur)}@media (max-width:768px){:root{--text-7xl:3rem;--text-6xl:2.5rem;--text-5xl:2rem;--text-4xl:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}