:root{--bg-dark: #03060f;--bg-card: rgba(9, 15, 28, .68);--bg-card-hover: rgba(13, 21, 38, .82);--border-color: rgba(47, 143, 255, .14);--border-glow: rgba(47, 143, 255, .35);--accent-cyan: #2F8FFF;--accent-blue: #00D8FF;--accent-violet: #145FD1;--accent-magenta: #38BDF8;--accent-emerald: #10b981;--accent-gold: #fbbf24;--accent-red: #ef4444;--text-main: #eef4fc;--text-muted: #8ea0c2;--text-dim: #4c5b78;--font-heading: "Outfit", sans-serif;--font-mono: "Space Grotesk", monospace;--glass-bg: rgba(7, 12, 23, .6);--glass-border: rgba(47, 143, 255, .16);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-heading);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 15%,rgba(0,216,255,.14) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(20,95,209,.16) 0%,transparent 45%),radial-gradient(circle at 50% 100%,rgba(47,143,255,.08) 0%,transparent 60%);background-attachment:fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#04070d}::-webkit-scrollbar-thumb{background:#16273f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.glass-panel-interactive{transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-panel-interactive:hover{border-color:#2f8fff66;transform:translateY(-2px);box-shadow:0 12px 30px #2f8fff26}.gradient-text-cyan{background:linear-gradient(135deg,#2f8fff,#00d8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-violet{background:linear-gradient(135deg,#7dd3fc,#145fd1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-gold{background:linear-gradient(135deg,#fef08a,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mono{font-family:var(--font-mono)}.btn-primary{background:linear-gradient(135deg,#2f8fff,#00d8ff);color:#fff;font-weight:700;border:none;padding:.65rem 1.4rem;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 0 20px #2f8fff59}.btn-primary:hover{box-shadow:0 0 30px #2f8fff99;transform:scale(1.02)}.btn-secondary{background:#ffffff0d;color:var(--text-main);border:1px solid rgba(255,255,255,.15);font-weight:600;padding:.65rem 1.2rem;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff4d}.btn-active-league{background:linear-gradient(135deg,#2f8fff33,#00d8ff33);border:1px solid var(--accent-cyan)!important;color:var(--accent-cyan)!important;box-shadow:0 0 15px #2f8fff4d}.badge{padding:.25rem .6rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-ev{background:#fbbf2426;color:var(--accent-gold);border:1px solid rgba(251,191,36,.4)}.badge-svm{background:#00d8ff26;color:var(--accent-blue);border:1px solid rgba(0,216,255,.4)}.badge-nn{background:#145fd126;color:#7dd3fc;border:1px solid rgba(20,95,209,.4)}.badge-win{background:#10b98126;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.4)}.badge-high{background:#ef444426;color:var(--accent-red);border:1px solid rgba(239,68,68,.4)}input,select{background:#070c17d9;border:1px solid rgba(47,143,255,.18);color:var(--text-main);padding:.6rem .9rem;border-radius:10px;font-family:var(--font-heading);outline:none;transition:all .2s ease}input:focus,select:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #2f8fff4d}input[type=range]{accent-color:var(--accent-cyan);height:6px}@keyframes pulseGlow{0%{box-shadow:0 0 10px #2f8fff33}50%{box-shadow:0 0 25px #2f8fff99}to{box-shadow:0 0 10px #2f8fff33}}.pulse-glow{animation:pulseGlow 3s infinite ease-in-out}.logo3d-scene{perspective:900px}.logo3d-tilt{transform-style:preserve-3d;transition:transform .25s cubic-bezier(.22,1,.36,1);will-change:transform}.logo3d-core{position:relative;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#2f8fff,#145fd1);transform-style:preserve-3d;box-shadow:0 10px 26px #040a168c,0 0 26px #2f8fff73,0 0 46px #00d8ff33,inset 0 1px 1px #ffffff4d;animation:logoFloat 5s ease-in-out infinite;flex-shrink:0}.logo3d-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform:translateZ(16px);border-radius:16px}.logo3d-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.4) 48%,transparent 66%);background-size:240% 240%;background-position:-60% -60%;animation:logoShine 4s ease-in-out infinite;transform:translateZ(17px);pointer-events:none;mix-blend-mode:screen}.orbit-tilt{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;transform-style:preserve-3d;pointer-events:none}.orbit-tilt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(125,211,252,.28)}.orbit-1{transform:rotateX(72deg) rotate(0)}.orbit-2{transform:rotateX(72deg) rotate(58deg)}.orbit-3{transform:rotateX(72deg) rotate(-58deg)}.orbit-spin{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:orbitSpin 7s linear infinite}.orbit-spin.reverse{animation-direction:reverse;animation-duration:9s}.orbit-spin.slow{animation-duration:12s}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.electron{position:absolute;top:-3.5px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%}.electron.e1{background:#00d8ff;box-shadow:0 0 8px #00d8ff,0 0 18px #00d8ffa6}.electron.e2{background:#7dd3fc;box-shadow:0 0 8px #7dd3fc,0 0 18px #7dd3fca6}.electron.e3{background:#fbbf24;box-shadow:0 0 8px #fbbf24,0 0 18px #fbbf24a6}@keyframes logoFloat{0%,to{transform:translateY(0) translateZ(0)}50%{transform:translateY(-3px) translateZ(8px)}}@keyframes logoShine{0%{background-position:-60% -60%;opacity:0}12%{opacity:1}38%{background-position:160% 160%;opacity:0}to{background-position:160% 160%;opacity:0}}.logo3d-text{text-shadow:0 1px 0 rgba(255,255,255,.12),0 2px 10px rgba(47,143,255,.35),0 10px 26px rgba(2,6,14,.55)}.logo3d-shimmer{background:linear-gradient(90deg,#2f8fff,#00d8ff 22%,#eafcff,#00d8ff 78%,#2f8fff);background-size:240% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 4s linear infinite}@keyframes textShimmer{0%{background-position:0% center}to{background-position:220% center}}@media(prefers-reduced-motion:reduce){.logo3d-core,.orbit-spin,.logo3d-shine,.logo3d-shimmer{animation:none!important}.logo3d-tilt{transition:none!important}}