*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0A0A0F;--bg-card: #13131A;--bg-elevated: #1E1E2A;--bg-hover: #252535;--accent: #FFD000;--accent-dim: rgba(255, 208, 0, .15);--accent-glow: rgba(255, 208, 0, .4);--orange: #FF8C00;--success: #22C55E;--success-dim: rgba(34, 197, 94, .15);--error: #EF4444;--error-dim: rgba(239, 68, 68, .15);--text-primary: #F0F0F0;--text-secondary: #8888AA;--text-dim: #44445A;--border: rgba(255, 208, 0, .12);--border-hover: rgba(255, 208, 0, .3);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow-glow: 0 0 30px rgba(255, 208, 0, .15), 0 0 60px rgba(255, 208, 0, .05);--shadow-card: 0 4px 24px rgba(0, 0, 0, .5)}html,body{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9999}#root{min-height:100vh;display:flex;flex-direction:column}.font-display,h1,h2,h3{font-family:Bebas Neue,cursive;letter-spacing:.04em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 80px #ffd00033}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes ping{75%,to{transform:scale(1.8);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes countUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes filmStrip{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes projectorBeam{0%,to{opacity:.05}50%{opacity:.12}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes windowNarrow{0%{transform:scaleX(1.05);opacity:.7}to{transform:scaleX(1);opacity:1}}.animate-fadeIn{animation:fadeIn .4s ease both}.animate-slideUp{animation:slideUp .5s ease both}.animate-scaleIn{animation:scaleIn .4s ease both}.animate-shake{animation:shake .4s ease}.animate-countUp{animation:countUp .3s ease both}.glow-accent{box-shadow:var(--shadow-glow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border:none;border-radius:var(--radius-md);font-family:Bebas Neue,cursive;font-size:1.1rem;letter-spacing:.08em;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff14;opacity:0;transition:opacity .2s}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:after{display:none}.btn-primary{background:var(--accent);color:#0a0a0f;animation:pulseGlow 3s ease-in-out infinite}.btn-primary:hover{background:#ffe033;box-shadow:0 0 30px var(--accent-glow)}.btn-secondary{background:transparent;color:var(--accent);border:1px solid var(--border-hover)}.btn-secondary:hover{background:var(--accent-dim);border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.08)}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}