@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--cyan:#22d3ee;--cyan-hi:#7ff6ff;--magenta:#ff2bd6;--mag-hi:#ff9bee;--violet:#a855f7;--vio-hi:#d9b4ff;--green:#39ff14;--amber:#ffb020;--accent:var(--cyan);--accent-2:var(--magenta);--void:#05060d;--void-2:#080a16;--panel:#0d11219e;--panel-2:#141a308c;--line:#7896dc24;--line-hi:#a0c8ff4d;--ink:#eaf2ff;--ink-dim:#9fb0d4;--ink-mut:#62719a;--sans:"Space Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--fx:1;--glow:calc(var(--fx) * 1);--radius:4px;--chamfer:14px}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#root{height:100%}::selection{background:color-mix(in oklab, var(--magenta) 55%, transparent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent), var(--accent-2));opacity:.6;background-clip:content-box;border:3px solid #0000;border-radius:99px}.cygnus-bg{z-index:0;pointer-events:none;background:var(--void);position:fixed;inset:0;overflow:hidden}.cygnus-bg:before{content:"";background:radial-gradient(50% 40% at 18% 12%, color-mix(in oklab, var(--magenta) 26%, transparent), transparent 70%), radial-gradient(46% 42% at 86% 18%, color-mix(in oklab, var(--cyan) 22%, transparent), transparent 72%), radial-gradient(60% 50% at 60% 96%, color-mix(in oklab, var(--violet) 24%, transparent), transparent 70%);opacity:calc(.5 * var(--bg-nebula,1) * var(--fx));filter:saturate(1.2);position:absolute;inset:-10%}body[data-bg=navy]{--void:#070b1c}body[data-bg=void]{--void:#05060d}body[data-bg=nebula]{--void:#06070f}body[data-bg=void] .cygnus-bg:before{opacity:calc(.28 * var(--fx))}.cygnus-stars{opacity:calc(.7 * var(--bg-stars,1));background-image:radial-gradient(1px 1px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 70% 20%,#cfe6ff,#0000),radial-gradient(1px 1px at 40% 70%,#fff,#0000),radial-gradient(1.5px 1.5px at 85% 60%,#bcdcff,#0000),radial-gradient(1px 1px at 55% 45%,#fff,#0000),radial-gradient(1px 1px at 12% 85%,#e7f2ff,#0000),radial-gradient(1px 1px at 92% 88%,#fff,#0000),radial-gradient(1.5px 1.5px at 33% 12%,#fff,#0000);background-repeat:repeat;background-size:520px 520px;animation:220s linear infinite stars-drift;position:absolute;inset:0}@keyframes stars-drift{to{background-position:520px 1040px}}.cygnus-grid{background-image:linear-gradient(color-mix(in oklab, var(--cyan) 60%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--magenta) 50%, transparent) 1px, transparent 1px);transform-origin:bottom;height:46%;opacity:calc(.5 * var(--bg-grid,1) * var(--fx));background-size:64px 64px;animation:6s linear infinite grid-flow;position:absolute;bottom:-2%;left:-25%;right:-25%;transform:perspective(420px)rotateX(74deg);-webkit-mask-image:linear-gradient(#0000,#000 65%);mask-image:linear-gradient(#0000,#000 65%)}@keyframes grid-flow{to{background-position:0 64px,0 0}}.cygnus-horizon{background:linear-gradient(90deg, transparent, var(--cyan), var(--magenta), transparent);filter:blur(1px);height:2px;opacity:calc(.7 * var(--bg-grid,1) * var(--fx));position:absolute;bottom:44%;left:0;right:0}.cygnus-scan{z-index:90;pointer-events:none;opacity:calc(.5 * var(--scanlines,1) * var(--fx));mix-blend-mode:overlay;background:repeating-linear-gradient(#0000 0 2px,#00000038 3px,#0000 4px);position:fixed;inset:0}.cygnus-vignette{z-index:89;pointer-events:none;background:radial-gradient(120% 110% at 50% 40%,#0000 55%,#0000008c 100%);position:fixed;inset:0}.hud{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.1);clip-path:polygon(var(--chamfer) 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%, 0 var(--chamfer));position:relative}.hud--glow{box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) calc(22% * var(--glow)), transparent), 0 0 calc(28px * var(--glow)) color-mix(in oklab, var(--accent) calc(16% * var(--glow)), transparent), inset 0 0 60px #0006}.hud--flat{clip-path:none}.hud-corner{border:1.5px solid color-mix(in oklab, var(--accent) 70%, transparent);pointer-events:none;width:12px;height:12px;opacity:var(--glow);position:absolute}.hud-corner.tl{border-bottom:0;border-right:0;top:6px;left:6px}.hud-corner.tr{border-bottom:0;border-left:0;top:6px;right:6px}.hud-corner.bl{border-top:0;border-right:0;bottom:6px;left:6px}.hud-corner.br{border-top:0;border-left:0;bottom:6px;right:6px}.mono{font-family:var(--mono)}.kicker{font-family:var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--ink-mut);font-size:10.5px}.holo{background:linear-gradient(100deg, var(--cyan) 0%, var(--violet) 42%, var(--magenta) 78%, var(--cyan-hi) 100%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:8s infinite holo-shift}@keyframes holo-shift{0%,to{background-position:0%}50%{background-position:100%}}.glitch{display:inline-block;position:relative}.glitch[data-glitch]:before,.glitch[data-glitch]:after{content:attr(data-glitch);width:100%;opacity:calc(.9 * var(--glitch-on,1));pointer-events:none;position:absolute;top:0;left:0}.glitch[data-glitch]:before{color:var(--magenta);clip-path:inset(0 0 55%);animation:3.6s steps(2,end) infinite glitch-a}.glitch[data-glitch]:after{color:var(--cyan);clip-path:inset(60% 0 0);animation:4.1s steps(2,end) infinite glitch-b}@keyframes glitch-a{0%,92%,to{transform:translate(0)}93%{transform:translate(-2px,-1px)}96%{transform:translate(2px,1px)}}@keyframes glitch-b{0%,90%,to{transform:translate(0)}91%{transform:translate(2px,1px)}95%{transform:translate(-2px,-1px)}}.btn{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);-webkit-user-select:none;user-select:none;background:#ffffff05;align-items:center;gap:8px;padding:8px 14px;font-size:12px;transition:color .15s,border-color .15s,box-shadow .2s,background .15s,transform 80ms;display:inline-flex}.btn:hover{color:var(--ink);border-color:color-mix(in oklab, var(--accent) 55%, transparent);box-shadow:0 0 calc(18px*var(--glow)) color-mix(in oklab, var(--accent) 30%, transparent)}.btn:active{transform:translateY(1px)}.btn--accent{color:#04121a;background:linear-gradient(120deg, var(--accent), var(--accent-2));box-shadow:0 0 calc(22px*var(--glow)) color-mix(in oklab, var(--accent) 45%, transparent);border-color:#0000;font-weight:700}.btn--accent:hover{color:#04121a;filter:brightness(1.08)}.btn--ghost{background:0 0}.btn[data-active=true]{color:var(--ink);border-color:color-mix(in oklab, var(--accent) 60%, transparent);background:color-mix(in oklab, var(--accent) 12%, transparent);box-shadow:inset 0 0 18px color-mix(in oklab, var(--accent) 18%, transparent)}.iconbtn{border:1px solid var(--line);width:34px;height:34px;color:var(--ink-dim);cursor:pointer;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:#ffffff05;place-items:center;transition:color .15s,border-color .15s,box-shadow .2s;display:grid}.iconbtn:hover{color:var(--ink);border-color:color-mix(in oklab, var(--accent) 55%, transparent);box-shadow:0 0 14px color-mix(in oklab, var(--accent) 30%, transparent)}.chip{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid color-mix(in oklab, var(--cat,var(--accent)) 45%, transparent);color:color-mix(in oklab, var(--cat,var(--accent)) 80%, white 20%);background:color-mix(in oklab, var(--cat,var(--accent)) 14%, transparent);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:3px 9px;font-size:10.5px;display:inline-flex}.dot{background:var(--cat,var(--accent));width:8px;height:8px;box-shadow:0 0 8px var(--cat,var(--accent));border-radius:99px;flex:none}.input{font-family:var(--sans);color:var(--ink);border:1px solid var(--line);background:#ffffff08;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .2s}.input::placeholder{color:var(--ink-mut)}.input:focus{border-color:color-mix(in oklab, var(--accent) 60%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 40%, transparent), 0 0 18px color-mix(in oklab, var(--accent) 22%, transparent)}select.input{background-color:#080a16}.input option,select option{color:var(--ink);background-color:#05060d}.pulse{animation:2.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.scroll{scrollbar-width:thin;overflow:hidden auto}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap6{gap:6px}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.grow{flex:1}.muted{color:var(--ink-dim)}.dim{color:var(--ink-mut)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.login-stage{background:#0a0512;position:absolute;inset:0;overflow:hidden}.login-stage>*{pointer-events:none}.sw-sky{background:linear-gradient(#190a3a 0%,#3a0f63 15%,#6e187e 30%,#a81d77 42%,#d62168 50%,#f63b4e 56%,#ff7a35 60%,#ffd24a 62.2%,#2a0b3f 62.6%,#11061f 80%,#0a0512 100%);position:absolute;inset:0}.sw-sun{filter:drop-shadow(0 0 70px #ff78508c)drop-shadow(0 0 150px #ff3c7873);background:linear-gradient(#fff1a6 0%,#ffd23f 26%,#ff8a3d 52%,#ff3d7a 80%,#c01f8c 100%);border-radius:50%;width:600px;height:600px;animation:7s ease-in-out infinite alternate sun-rise;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:repeating-linear-gradient(#000 0 16px,#0000 16px 22px);mask-image:repeating-linear-gradient(#000 0 16px,#0000 16px 22px)}@keyframes sun-rise{0%{transform:translate(-50%,calc(5px - 50%))}to{transform:translate(-50%,calc(-50% - 7px))}}.sw-halo{filter:blur(16px);background:radial-gradient(circle,#ffa05a66,#ff3c7829 45%,#0000 64%);border-radius:50%;width:820px;height:820px;animation:5s ease-in-out infinite pulse;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.sw-mountains{clip-path:polygon(0 100%,0 52%,7% 70%,13% 40%,19% 64%,26% 30%,33% 58%,40% 44%,46% 66%,50% 56%,54% 66%,60% 42%,67% 60%,74% 32%,81% 62%,88% 42%,94% 66%,100% 50%,100% 100%);filter:drop-shadow(0 -2px 10px #d6216899);background:linear-gradient(#2a0f47,#160727);height:16%;position:absolute;top:47%;left:-2%;right:-2%}.sw-grid{background-image:linear-gradient(0deg, color-mix(in oklab, var(--magenta) 85%, white 5%) 2px, transparent 2px), linear-gradient(90deg, color-mix(in oklab, var(--violet) 92%, white 8%) 2px, transparent 2px);transform-origin:top;opacity:.95;height:40%;filter:drop-shadow(0 0 6px color-mix(in oklab, var(--magenta) 70%, transparent));background-size:64px 64px;animation:3.6s linear infinite sw-flow;position:absolute;bottom:0;left:-60%;right:-60%;transform:perspective(300px)rotateX(83deg);-webkit-mask-image:linear-gradient(#0000 6%,#000 72%);mask-image:linear-gradient(#0000 6%,#000 72%)}@keyframes sw-flow{to{background-position:0 64px,0 0}}.sw-horizon{filter:blur(.5px);background:linear-gradient(90deg,#0000,#ffd24a 30%,#ff7a35 50%,#ff3d7a 70%,#0000);height:3px;position:absolute;top:62%;left:0;right:0;transform:translateY(-50%);box-shadow:0 0 36px 7px #ff7846b3}.sw-scan{mix-blend-mode:overlay;opacity:.55;background:repeating-linear-gradient(#0000 0 2px,#0003 3px,#0000 4px);position:absolute;inset:0}.login-aura{z-index:-1;filter:blur(16px);opacity:.5;background:conic-gradient(from 0deg, var(--cyan), var(--magenta), #ff7a35, var(--cyan));animation:7s linear infinite spin;position:absolute;inset:-3px}.card-scan{z-index:3;background:linear-gradient(transparent, color-mix(in oklab, var(--cyan) 12%, transparent), transparent);height:45%;animation:3.8s ease-in-out infinite cardscan;position:absolute;top:-45%;left:0;right:0}@keyframes cardscan{0%{top:-45%}to{top:115%}}@keyframes btn-shimmer{0%{background-position:-150% 0}to{background-position:250% 0}}.cygnus-app{z-index:1;grid-template-columns:248px 1fr;height:100%;display:grid;position:relative}.cygnus-side{z-index:2;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);background:linear-gradient(#080b18b8,#060812a8);flex-direction:column;display:flex;position:relative}.cygnus-main{z-index:1;flex-direction:column;min-width:0;height:100%;padding:24px 28px;display:flex;position:relative;overflow:hidden}.cygnus-mobnav{z-index:80;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);background:#060812eb;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0006}.cygnus-mobnav button[style*=accent]{color:var(--accent)}@media (max-width:899px){.cygnus-app{grid-template-columns:1fr}.cygnus-main{padding:18px 16px 88px}.cygnus-side{display:none}}@media (min-width:900px){.cygnus-mobnav{display:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important}}