@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&family=JetBrains+Mono:wght@400;500;700&display=swap");:root{--bg-primary:#0a0a1a;--bg-secondary:#12122a;--bg-card:#1a1a2e;--bg-input:#16162a;--neon-purple:#9b59b6;--neon-cyan:#00d4ff;--neon-pink:#ff006e;--neon-gold:gold;--neon-green:#0f8;--success:#2ed573;--warning:#ff9f43;--error:#ff4757;--text-primary:#fff;--text-secondary:#a0a0c0;--text-muted:#6c6c8c;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px;--border-radius-xl:28px;--shadow-glow-purple:0 0 20px rgba(155,89,182,.5);--shadow-glow-cyan:0 0 20px rgba(0,212,255,.5);--shadow-glow-gold:0 0 30px rgba(255,215,0,.6);--shadow-glow-green:0 0 20px rgba(46,213,115,.5);--shadow-glow-error:0 0 20px rgba(255,71,87,.5);--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Noto Sans SC,Orbitron,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(155,89,182,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,212,255,.1) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,0,110,.05) 0,transparent 70%);pointer-events:none;z-index:-1}a{color:var(--neon-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--neon-purple)}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}button:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}input,textarea{font-family:inherit;border:none;outline:none;background:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--neon-purple),0 0 10px var(--neon-purple)}50%{box-shadow:0 0 20px var(--neon-purple),0 0 40px var(--neon-purple)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rainbow{0%{border-color:#ff006e}16%{border-color:#ff9f43}33%{border-color:gold}50%{border-color:#2ed573}66%{border-color:#00d4ff}83%{border-color:#9b59b6}to{border-color:#ff006e}}@keyframes numberPop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes confetti{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}.fade-in{animation:fadeIn var(--transition-normal) ease forwards}.slide-up{animation:slideUp var(--transition-normal) ease forwards}.slide-down{animation:slideDown var(--transition-normal) ease forwards}.scale-in{animation:scaleIn var(--transition-normal) ease forwards}.grid-bg{background-image:linear-gradient(rgba(155,89,182,.03) 1px,transparent 0),linear-gradient(90deg,rgba(155,89,182,.03) 1px,transparent 0);background-size:50px 50px}@media (max-width:768px){:root{--border-radius-lg:16px;--border-radius-xl:24px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}