:root{--bg-primary:#080c14;--bg-secondary:#0d1424;--bg-card:#0f172ac7;--bg-card-hover:#16223de6;--border-glow:#00f2fe40;--border-glow-focus:#00f2fecc;--cyan-neon:#00f2fe;--cyan-deep:#4facfe;--green-neon:#00ff87;--purple-neon:#b33939;--purple-glow:#a855f7;--amber-neon:#ffb703;--crimson-neon:#ff2a5f;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,#00f2fe14 0%,#0000 40%),radial-gradient(circle at 85% 20%,#a855f714 0%,#0000 40%),radial-gradient(circle at 50% 80%,#00ff870d 0%,#0000 50%),linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,40px 40px,40px 40px;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.cyber-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-glow);border-radius:16px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px -5px #00000080,0 0 15px #00f2fe0d}.cyber-panel:hover{border-color:#00f2fe66}.cyber-panel-glow{border-color:var(--cyan-neon);box-shadow:0 0 25px #00f2fe33}.btn-cyber{font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-cyber:active{transform:scale(.97)}.btn-cyan{color:#050d1a;background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);box-shadow:0 4px 18px #00f2fe59}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00f2fe8c}.btn-emerald{color:#051a10;background:linear-gradient(135deg,#00ff87 0%,#60efff 100%);box-shadow:0 4px 18px #00ff874d}.btn-emerald:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00ff8780}.btn-purple{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#6366f1 100%);box-shadow:0 4px 18px #a855f759}.btn-purple:hover{transform:translateY(-2px);box-shadow:0 6px 24px #a855f78c}.btn-amber{color:#1a0e05;background:linear-gradient(135deg,#ffb703 0%,#fb8500 100%);box-shadow:0 4px 18px #ffb70359}.btn-amber:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ffb7038c}.btn-ghost{color:var(--text-main);background:#ffffff0d;border:1px solid #ffffff1f}.btn-ghost:hover{background:#ffffff1f;border-color:#ffffff40}@keyframes dashFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-36px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.98)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.desktop-only{display:none!important}}