:root{--accent:#7c3aed;--accent-light:#a78bfa;--accent-dark:#5b21b6;--accent-glow:#7c3aed80;--accent-alt:#06b6d4;--accent-alt-light:#67e8f9;--accent-alt-dark:#0891b2;--accent-alt-glow:#06b6d480;--bg-primary:#0a0a1a;--bg-secondary:#12122a;--bg-card:#ffffff0a;--bg-card-hover:#ffffff14;--border-glow:#7c3aed4d;--bg-orb-1:#7c3aed14;--bg-orb-2:#06b6d40f;--bg-orb-3:#f59e0b0a;--purple:var(--accent);--purple-light:var(--accent-light);--purple-dark:var(--accent-dark);--purple-glow:var(--accent-glow);--cyan:var(--accent-alt);--cyan-light:var(--accent-alt-light);--cyan-dark:var(--accent-alt-dark);--cyan-glow:var(--accent-alt-glow);--gold:#f59e0b;--gold-light:#fbbf24;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--danger:#ef4444;--success:#22c55e;--side-left-top:#2d1b69;--side-left-mid:#1a0a3e;--side-left-bot:#0d0520;--side-left-pulse-top:#5b34c9;--side-left-pulse-mid:#3b18a0;--side-left-pulse-bot:#1a0a4a;--side-right-top:#0c4a5e;--side-right-mid:#062a38;--side-right-bot:#031820;--side-right-pulse-top:#14809e;--side-right-pulse-mid:#0a5a78;--side-right-pulse-bot:#054060;--scrollbar-thumb:#5b21b6;--font-display:"Orbitron", sans-serif;--font-body:"Inter", sans-serif;--radius:12px;--radius-lg:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background-color .5s,color .4s}#app{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.page-bg{min-height:100vh;position:relative;overflow:hidden}.page-bg:before{content:"";background:radial-gradient(ellipse at 20% 50%, var(--bg-orb-1) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, var(--bg-orb-2) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, var(--bg-orb-3) 0%, transparent 50%);pointer-events:none;z-index:0;width:200%;height:200%;animation:20s ease-in-out infinite alternate bgShift;position:fixed;top:-50%;left:-50%}@keyframes bgShift{0%{transform:translate(0)rotate(0)}to{transform:translate(-5%,3%)rotate(3deg)}}@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 pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes scoreUp{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.text-gradient{background:linear-gradient(135deg, var(--accent-light), var(--accent-alt-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{z-index:1;max-width:900px;margin:0 auto;padding:20px;position:relative}.section-title{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;font-size:.75rem;font-weight:700}@media (width<=640px){.container{padding:12px}}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glow);border-radius:var(--radius-lg);transition:all .3s}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--accent-light);box-shadow:0 0 30px var(--accent-glow)}.btn{border-radius:var(--radius);font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;text-transform:uppercase;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a,#0000);transition:opacity .3s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 6px 30px var(--accent-glow);transform:translateY(-2px)}.btn-cyan{background:linear-gradient(135deg, var(--accent-alt), var(--accent-alt-dark));color:#fff;box-shadow:0 4px 20px var(--accent-alt-glow)}.btn-cyan:hover{box-shadow:0 6px 30px var(--accent-alt-glow);transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #ffffff1a}.btn-ghost:hover{color:var(--text-primary);border-color:var(--accent-light);background:#ffffff0d}.btn-danger{background:linear-gradient(135deg, var(--danger), #dc2626);color:#fff}.btn-sm{padding:6px 14px;font-size:.7rem}.input-field{border-radius:var(--radius);width:100%;color:var(--text-primary);font-family:var(--font-body);background:#ffffff0d;border:1px solid #ffffff1a;outline:none;padding:14px 18px;font-size:.95rem;transition:all .3s}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent);background:#ffffff14;box-shadow:0 0 0 3px #7c3aed26}select.input-field{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 5L6 8L9 5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}select.input-field option{background:var(--bg-secondary);color:var(--text-primary)}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:.7rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-glow);border-radius:var(--radius-lg);width:100%;max-width:480px;padding:32px;animation:.3s slideUp}.modal-title{font-family:var(--font-display);text-align:center;background:linear-gradient(135deg, var(--accent-light), var(--accent-alt-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:1.2rem;font-weight:700}@media (width<=640px){.btn{padding:8px 14px;font-size:.7rem}.modal-content{padding:24px}}@media (width<=400px){.btn-sm{padding:6px 8px}}.page-fade-enter-active[data-v-e03198b7],.page-fade-leave-active[data-v-e03198b7]{transition:opacity .25s,transform .25s}.page-fade-enter-from[data-v-e03198b7]{opacity:0;transform:translateY(12px)}.page-fade-leave-to[data-v-e03198b7]{opacity:0;transform:translateY(-12px)}