@import"https://api.fontshare.com/v2/css?f[]=switzer@100,200,300,400,500,600,700,800,900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&display=swap";@font-face{font-family:Suprapower SE;src:url(/fonts/SuprapowerSE-Regular.woff2) format("woff2"),url(/fonts/SuprapowerSE-Regular.woff) format("woff"),url(/fonts/SuprapowerSE-Regular.ttf) format("truetype"),url(/fonts/SuprapowerSE-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Suprapower SE;src:url(/fonts/SuprapowerSE-Bold.woff2) format("woff2"),url(/fonts/SuprapowerSE-Bold.woff) format("woff"),url(/fonts/SuprapowerSE-Bold.ttf) format("truetype"),url(/fonts/SuprapowerSE-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-void: #020824;--color-deep: #060E2E;--color-surface: #0A1340;--color-surface-elevated: #0F1A52;--color-surface-glass: rgba(15, 26, 82, .45);--color-surface-glass-hover: rgba(25, 40, 110, .55);--color-border-glass: rgba(120, 140, 255, .12);--color-border-glass-hover: rgba(120, 140, 255, .25);--color-text-primary: #E8ECFF;--color-text-secondary: #8B95C9;--color-text-muted: #555F8A;--color-accent-blue: #4F7AFF;--color-accent-indigo: #6C5CE7;--color-accent-cyan: #00D2FF;--color-accent-violet: #A855F7;--color-accent-emerald: #10B981;--color-accent-amber: #F59E0B;--color-accent-rose: #F43F5E;--color-accent-orange: #F97316;--glow-blue: 0 0 60px rgba(79, 122, 255, .15), 0 0 120px rgba(79, 122, 255, .05);--glow-indigo: 0 0 60px rgba(108, 92, 231, .15), 0 0 120px rgba(108, 92, 231, .05);--glow-cyan: 0 0 60px rgba(0, 210, 255, .12);--font-display: "Suprapower SE", "Switzer", "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Switzer", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 10rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--radius-full: 9999px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--transition-fast: .2s var(--ease-out-expo);--transition-smooth: .4s var(--ease-out-expo);--transition-slow: .7s var(--ease-out-expo);--z-base: 1;--z-elevated: 10;--z-overlay: 50;--z-modal: 100;--z-toast: 200}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:400;color:var(--color-text-primary);background-color:var(--color-void);line-height:1.6;overflow-x:hidden;min-height:100vh}::selection{background:#4f7aff4d;color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-void)}::-webkit-scrollbar-thumb{background:#788cff33;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#788cff59}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--color-text-primary)}a{color:inherit;text-decoration:none}.glass-panel{background:var(--color-surface-glass);border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-smooth),transform var(--transition-smooth)}.glass-panel:hover{background:var(--color-surface-glass-hover);border-color:var(--color-border-glass-hover);box-shadow:var(--glow-blue);transform:translateY(-2px)}@keyframes float-1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(80px,-60px) scale(1.1)}50%{transform:translate(-40px,-120px) scale(.95)}75%{transform:translate(60px,-40px) scale(1.05)}}@keyframes float-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-100px,50px) scale(1.15)}66%{transform:translate(70px,-80px) scale(.9)}}@keyframes float-3{0%,to{transform:translate(0) scale(1)}20%{transform:translate(50px,80px) scale(1.08)}60%{transform:translate(-80px,40px) scale(.92)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.7}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 50%}to{background-position:-200% 50%}}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}@media(min-width:769px){.mobile-only{display:none!important}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes btn-ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes btn-shine{0%{left:-100%}to{left:200%}}@keyframes btn-pulse-glow{0%,to{box-shadow:0 0 20px #4f7aff33,0 4px 15px #4f7aff26}50%{box-shadow:0 0 35px #4f7aff59,0 8px 30px #4f7aff40}}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.8rem 1.85rem;font-family:var(--font-body);font-weight:600;font-size:.9rem;letter-spacing:.01em;color:#fff;background:linear-gradient(135deg,var(--color-accent-blue),var(--color-accent-indigo));border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform .3s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo),filter .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #4f7aff33;will-change:transform,box-shadow}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:none;pointer-events:none}.btn-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 40px #4f7aff59,0 0 60px #6c5ce726,inset 0 1px #ffffff1a;filter:brightness(1.08)}.btn-primary:hover:before{animation:btn-shine .7s ease forwards}.btn-primary:active{transform:translateY(0) scale(.97);box-shadow:0 2px 10px #4f7aff40;filter:brightness(.95);transition-duration:.1s}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.8rem 1.85rem;font-family:var(--font-body);font-weight:600;font-size:.9rem;letter-spacing:.01em;color:var(--color-text-primary);background:#788cff0a;border:1px solid var(--color-border-glass);border-radius:var(--radius-full);cursor:pointer;transition:transform .3s var(--ease-out-expo),background .25s ease,border-color .25s ease,box-shadow .4s var(--ease-out-expo),color .25s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;will-change:transform}.btn-secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(120,140,255,.08),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.btn-secondary:hover{background:#788cff1a;border-color:#788cff4d;transform:translateY(-3px) scale(1.03);box-shadow:0 10px 35px #0003,0 0 40px #788cff14;color:#fff}.btn-secondary:hover:before{opacity:1}.btn-secondary:active{transform:translateY(0) scale(.97);box-shadow:none;transition-duration:.1s}.micro-label{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:4px;border-radius:2px;background:#788cff26;outline:none;cursor:pointer;transition:background .2s ease}.volume-slider:hover{background:#788cff40}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent-blue);box-shadow:0 0 8px #4f7aff66;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 14px #4f7aff99}.volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-accent-blue);box-shadow:0 0 8px #4f7aff66;border:none;cursor:pointer}@media(max-width:768px){:root{--space-3xl: 3rem;--space-4xl: 5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}