@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@300;400;500&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #050508;--bg-secondary: #0d0d14;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--border-bright: rgba(139, 92, 246, .4);--purple: #8b5cf6;--purple-bright: #a78bfa;--purple-glow: rgba(139, 92, 246, .3);--cyan: #22d3ee;--cyan-glow: rgba(34, 211, 238, .2);--green: #10b981;--yellow: #f59e0b;--red: #ef4444;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #475569;--font-display: "Syne", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "Roboto", sans-serif;--font-mono: "DM Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--purple-glow)}50%{box-shadow:0 0 50px var(--purple-glow),0 0 80px #8b5cf626}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes score-pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes bar-fill{0%{width:0%}}@keyframes confetti{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes slide-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes timer-warn{0%,to{color:var(--red)}50%{color:#ff6b6b}}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}.animate-fade-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-float{animation:float 4s ease-in-out infinite}.stagger-1{animation-delay:.05s;opacity:0}.stagger-2{animation-delay:.1s;opacity:0}.stagger-3{animation-delay:.18s;opacity:0}.stagger-4{animation-delay:.26s;opacity:0}.stagger-5{animation-delay:.34s;opacity:0}.gradient-text{background:linear-gradient(135deg,var(--purple-bright),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;transition:all .3s ease}.glass:hover{background:var(--bg-card-hover);border-color:var(--border-bright)}.btn-primary{background:linear-gradient(135deg,var(--purple),#6d28d9);color:#fff;border:none;border-radius:12px;font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--purple-glow)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.input-field{width:100%;padding:14px 18px;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-family:var(--font-body);font-size:15px;transition:all .2s ease;outline:none}.input-field:focus{border-color:var(--purple);background:#8b5cf60f;box-shadow:0 0 0 3px #8b5cf61f}.input-field::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid}.badge-purple{background:#8b5cf61f;color:var(--purple-bright);border-color:#8b5cf640}.badge-cyan{background:#22d3ee1a;color:var(--cyan);border-color:#22d3ee40}.badge-green{background:#10b9811a;color:var(--green);border-color:#10b98140}.badge-yellow{background:#f59e0b1a;color:var(--yellow);border-color:#f59e0b40}.badge-red{background:#ef44441a;color:var(--red);border-color:#ef444440}.progress-bar{height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1)}.orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:orb-float 8s ease-in-out infinite}