:root{--bg-primary:#0d0d0d;--bg-secondary:#1a1a2e;--bg-card:#1a1a2ecc;--cyan:#00d4ff;--purple:#7b2fff;--orange:#ff8c00;--text-primary:#fff;--text-secondary:#b0b0c0;--border-radius:12px;--glow-cyan:0 0 15px #00d4ff66;--glow-purple:0 0 15px #7b2fff66;--glow-orange:0 0 15px #ff8c0066;--gradient-neon:linear-gradient(135deg, var(--cyan), var(--purple), var(--orange));--font-main:"Inter", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(1px 1px at 10px 15px,#fff9 0%,#0000 100%),radial-gradient(1.5px 1.5px at 90px 30px,#ffffffb3 0%,#0000 100%),radial-gradient(1px 1px at 170px 60px,#ffffff80 0%,#0000 100%),radial-gradient(2px 2px at 110px 170px,#00d4ffb3 0%,#0000 100%),radial-gradient(1px 1px at 25px 130px,#ffffff80 0%,#0000 100%),radial-gradient(1.5px 1.5px at 150px 90px,#7b2fff99 0%,#0000 100%),radial-gradient(1px 1px at 65px 25px,#ffffff80 0%,#0000 100%),radial-gradient(1.8px 1.8px at 180px 145px,#ff8c0099 0%,#0000 100%);background-repeat:repeat;background-size:250px 250px;min-height:100vh}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes twinkle-slow{0%,to{opacity:.5}50%{opacity:1}}@keyframes twinkle-fast{0%,to{opacity:.2}50%{opacity:.9}}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(3px 3px at 15% 25%,#ffffffe6 0%,#0000 100%),radial-gradient(2px 2px at 35% 65%,#00d4ffcc 0%,#0000 100%),radial-gradient(3.5px 3.5px at 55% 15%,#ffffffe6 0%,#0000 100%),radial-gradient(2.5px 2.5px at 75% 45%,#7b2fffb3 0%,#0000 100%),radial-gradient(3px 3px at 90% 75%,#ff8c00cc 0%,#0000 100%),radial-gradient(2px 2px at 25% 85%,#00d4ffb3 0%,#0000 100%),radial-gradient(4px 4px at 65% 55%,#ffffffe6 0%,#0000 100%),radial-gradient(2.5px 2.5px at 45% 35%,#7b2fff99 0%,#0000 100%),radial-gradient(3px 3px at 85% 20%,#ff8c00b3 0%,#0000 100%),radial-gradient(2px 2px at 10% 60%,#fffc 0%,#0000 100%);width:100%;height:100%;animation:4s ease-in-out infinite twinkle;position:fixed;top:0;left:0}body:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(2.5px 2.5px at 20% 40%,#fffc 0%,#0000 100%),radial-gradient(3px 3px at 40% 80%,#00d4ffb3 0%,#0000 100%),radial-gradient(2px 2px at 60% 30%,#ffffffb3 0%,#0000 100%),radial-gradient(3.5px 3.5px at 80% 60%,#7b2fffcc 0%,#0000 100%),radial-gradient(2px 2px at 95% 10%,#ffffffb3 0%,#0000 100%),radial-gradient(3px 3px at 30% 15%,#ff8c00b3 0%,#0000 100%),radial-gradient(2.5px 2.5px at 50% 90%,#fffc 0%,#0000 100%),radial-gradient(2px 2px at 70% 70%,#00d4ff99 0%,#0000 100%);width:100%;height:100%;animation:6s ease-in-out 2s infinite twinkle-slow;position:fixed;top:0;left:0}#root{z-index:1;position:relative}h1,h2,h3,h4{font-weight:700}a{color:var(--cyan);text-decoration:none}input,textarea,select,button{font-family:inherit}.neon-card{background:var(--bg-card);border-radius:var(--border-radius);background-clip:padding-box;border:1px solid #0000;padding:1.5rem;position:relative}.neon-card:before{content:"";border-radius:var(--border-radius);background:var(--gradient-neon);z-index:-1;opacity:.5;transition:opacity .3s;position:absolute;inset:-1px}.neon-card:hover:before{opacity:1}.glow-button{background:var(--cyan);color:var(--bg-primary);cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:box-shadow .3s,transform .2s}.glow-button:hover{box-shadow:var(--glow-cyan);transform:translateY(-1px)}.glow-button:active{transform:translateY(0)}.glow-button--orange{background:var(--orange);color:#fff}.glow-button--orange:hover{box-shadow:var(--glow-orange)}.glow-button--cyan{background:var(--cyan);color:var(--bg-primary)}.glow-button--cyan:hover{box-shadow:var(--glow-cyan)}.glow-button--purple{background:var(--purple);color:#fff}.glow-button--purple:hover{box-shadow:var(--glow-purple)}.glow-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.input-field{background:var(--bg-primary);width:100%;color:var(--text-primary);border:1px solid #7b2fff4d;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:border-color .3s,box-shadow .3s}.input-field:focus{border-color:var(--cyan);box-shadow:var(--glow-cyan);outline:none}.input-field::placeholder{color:var(--text-secondary)}.error-text{color:#ff4757;margin-top:.25rem;font-size:.85rem}.loading-spinner{border:3px solid var(--bg-secondary);border-top-color:var(--cyan);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.page-title{margin-bottom:1.5rem;font-size:2rem}.page-title .accent-cyan{color:var(--cyan)}.page-title .accent-purple{color:var(--purple)}.page-title .accent-orange{color:var(--orange)}@media (width<=768px){.page-container{padding:1rem .75rem}.neon-card{padding:1rem}}