@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Roboto+Mono:wght@300;400;500;700&display=swap";:root{--bg-void: #020206;--bg-surface: #0a0a14;--bg-elevated: #111122;--glass-bg: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .06);--text-primary: #e8edf5;--text-secondary: #8892a4;--text-dim: #556070;--accent-green: #00ff88;--accent-green-dim: rgba(0, 255, 136, .12);--accent-blue: #3388ff;--accent-blue-dim: rgba(51, 136, 255, .12);--accent-red: #ff3355;--accent-red-dim: rgba(255, 51, 85, .12);--accent-amber: #ffaa00;--accent-amber-dim: rgba(255, 170, 0, .12);--ronnie-glow: #a78bfa;--ronnie-glow-dim: rgba(167, 139, 250, .15);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Roboto Mono", "Cascadia Code", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg-void);color:var(--text-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column;position:relative}.ambient-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(51,136,255,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(167,139,250,.06) 0%,transparent 50%),radial-gradient(ellipse 50% 50% at 10% 60%,rgba(0,255,136,.04) 0%,transparent 50%)}.scanline-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.scanline-sweep{position:fixed;left:0;right:0;height:120px;z-index:9999;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);animation:scanline-sweep 8s linear infinite}@keyframes scanline-sweep{0%{top:-120px}to{top:calc(100vh + 120px)}}.stage-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl);animation:stage-enter .8s cubic-bezier(.16,1,.3,1)}@keyframes stage-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{width:100%;max-width:520px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-xl)}.card--wide{max-width:720px}.mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase;letter-spacing:.1em}.dim{color:var(--text-secondary)}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-md{font-size:15px}.text-lg{font-size:18px}.text-xl{font-size:24px}.text-2xl{font-size:32px;font-weight:800}.text-center{text-align:center}.font-bold{font-weight:700}.font-light{font-weight:300}.apl-logo{font-size:36px;font-weight:900;letter-spacing:.3em;color:#fff;text-align:center;margin-bottom:var(--space-xs)}.apl-subtitle{text-align:center;font-size:11px;letter-spacing:.15em;color:var(--text-dim);margin-bottom:var(--space-2xl);text-transform:uppercase}.apl-classification{display:inline-block;padding:4px 12px;border:1px solid var(--accent-red-dim);border-radius:var(--radius-sm);color:var(--accent-red);font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-lg);animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 0 0 var(--accent-red-dim)}50%{box-shadow:0 0 12px 4px var(--accent-red-dim)}}.input-group{margin-bottom:var(--space-lg)}.input-label{display:block;font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;margin-bottom:var(--space-sm)}.input-field{width:100%;padding:14px 16px;background:#0006;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:#fff;font-family:var(--font-mono);font-size:14px;transition:all .3s ease}.input-field:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-dim)}.input-field::placeholder{color:var(--text-dim)}.input-field:disabled{opacity:.5;cursor:not-allowed}textarea.input-field{resize:vertical;min-height:100px;line-height:1.6;font-family:var(--font-sans)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:16px 24px;border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn--primary{background:#fff;color:var(--bg-void)}.btn--primary:hover:not(:disabled){background:#f0f4f8;transform:translateY(-2px);box-shadow:0 8px 24px #ffffff1a}.btn--danger{background:var(--accent-red);color:#fff}.btn--danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-red-dim)}.btn--google{background:#fff;color:#333;border:1px solid rgba(0,0,0,.1)}.btn--google:hover:not(:disabled){background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.btn--ronnie{background:linear-gradient(135deg,var(--ronnie-glow),#8b5cf6);color:#fff}.btn--ronnie:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px var(--ronnie-glow-dim)}.btn--outline{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary)}.btn--outline:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 var(--accent-red);clip-path:polygon(0 0,100% 0,100% 33%,0 33%);animation:glitch-anim 2.5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:2px 0 var(--accent-blue);clip-path:polygon(0 66%,100% 66%,100% 100%,0 100%);animation:glitch-anim 3s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%);transform:translate(0)}20%{clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%);transform:translate(-2px,1px)}40%{clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%);transform:translate(2px,-1px)}60%{clip-path:polygon(0 40%,100% 40%,100% 42%,0 42%);transform:translate(0)}80%{clip-path:polygon(0 80%,100% 80%,100% 82%,0 82%);transform:translate(-1px,2px)}to{clip-path:polygon(0 50%,100% 50%,100% 52%,0 52%);transform:translate(1px,-2px)}}.glitch-flash{position:fixed;inset:0;z-index:9990;pointer-events:none;animation:glitch-flash .15s steps(2) 3}@keyframes glitch-flash{0%{background:#ff335514}25%{background:#3388ff0f}50%{background:transparent}75%{background:#ff33550a}to{background:transparent}}.terminal{width:100%;max-width:760px;font-family:var(--font-mono);color:var(--accent-green);padding:var(--space-xl)}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-md);margin-bottom:var(--space-lg);border-bottom:1px solid var(--accent-green-dim);font-size:11px}.terminal-line{margin-bottom:10px;font-size:14px;line-height:1.7;animation:line-appear .3s ease-out}@keyframes line-appear{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.terminal-cursor{display:inline-block;width:8px;height:16px;background:var(--accent-green);animation:blink-cursor .8s step-end infinite;vertical-align:text-bottom}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.ronnie-text{color:var(--ronnie-glow);text-shadow:0 0 20px var(--ronnie-glow-dim)}.ronnie-line{margin-bottom:var(--space-md);font-size:17px;line-height:1.8;font-weight:300;color:var(--text-primary);animation:ronnie-appear .6s cubic-bezier(.16,1,.3,1)}@keyframes ronnie-appear{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ronnie-name{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--ronnie-glow),#c084fc,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ronnie-role{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-top:var(--space-xs)}.progress-track{width:100%;height:6px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-blue));border-radius:var(--radius-full);transition:width .4s ease}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.chip{padding:10px 18px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.chip:hover{border-color:var(--text-secondary);color:var(--text-primary)}.chip--selected{background:var(--ronnie-glow-dim);border-color:var(--ronnie-glow);color:var(--ronnie-glow)}.store-badges{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg)}.store-badge{display:flex;align-items:center;gap:var(--space-sm);padding:14px 24px;background:#fff;color:#111;border-radius:var(--radius-sm);font-weight:600;font-size:14px;text-decoration:none;transition:all .3s ease}.store-badge:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff1a}.store-badge svg{width:24px;height:24px}.countdown{display:flex;gap:var(--space-lg);justify-content:center;margin:var(--space-xl) 0}.countdown-unit{text-align:center}.countdown-number{font-family:var(--font-mono);font-size:36px;font-weight:700;color:var(--accent-amber);text-shadow:0 0 20px var(--accent-amber-dim)}.countdown-label{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);margin-top:var(--space-xs)}.spinner{width:40px;height:40px;margin:0 auto;border:3px solid var(--glass-border);border-top-color:var(--ronnie-glow);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.stage-container,.card{padding:var(--space-lg)}.apl-logo{font-size:28px}.text-2xl{font-size:24px}.store-badges{flex-direction:column}.countdown-number{font-size:28px}}
