*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:#0a0a0f;color:#e0e0e0;font-family:Space Grotesk,sans-serif;-webkit-font-smoothing:antialiased}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes neon-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes scan-line{0%{top:-10%}to{top:110%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-8px) rotate(-1deg)}20%{transform:translate(8px) rotate(1deg)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes border-glow{0%,to{box-shadow:0 0 5px #a855f7,0 0 10px #a855f7,inset 0 0 5px #a855f71a}50%{box-shadow:0 0 10px #a855f7,0 0 20px #a855f7,0 0 40px #a855f74d,inset 0 0 10px #a855f733}}@keyframes progress-fill{0%{width:0%}}.animate-glitch:hover{animation:glitch .3s ease-in-out}.animate-neon-pulse{animation:neon-pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(168,85,247,.3),transparent);background-size:200% 100%;animation:shimmer 2s linear infinite}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-shake{animation:shake .5s ease-in-out}.animate-spin-slow{animation:spin-slow 20s linear infinite}.animate-border-glow{animation:border-glow 2s ease-in-out infinite}.scan-line{position:relative}.scan-line:before{content:"";position:absolute;top:-10%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#39ff14,transparent);animation:scan-line 3s linear infinite;pointer-events:none;opacity:.3;z-index:10}.neon-text-purple{text-shadow:0 0 7px #a855f7,0 0 10px #a855f7,0 0 21px #a855f7}.neon-text-green{text-shadow:0 0 7px #39ff14,0 0 10px #39ff14,0 0 21px #39ff14}.neon-text-pink{text-shadow:0 0 7px #ff2d95,0 0 10px #ff2d95,0 0 21px #ff2d95}.neon-border-purple{border:1px solid #a855f7;box-shadow:0 0 5px #a855f7,inset 0 0 5px #a855f71a}.neon-border-green{border:1px solid #39ff14;box-shadow:0 0 5px #39ff14,inset 0 0 5px #39ff141a}.neon-border-pink{border:1px solid #ff2d95;box-shadow:0 0 5px #ff2d95,inset 0 0 5px #ff2d951a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#a855f7;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ff2d95}.bg-grid{background-image:linear-gradient(rgba(168,85,247,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.05) 1px,transparent 1px);background-size:40px 40px}.progress-animated{animation:progress-fill 1.5s ease-out forwards}