:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050a14;--surface:#0b1427;--surface2:#101d36;--line:#203252;--text:#f3f6ff;--muted:#91a2c5;--blue:#5b8cff;--blue2:#2d6cff;--gold:#e1bb65;--green:#4cddb0;--danger:#ff6b82;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 18% 0,#13234a 0,transparent 34%),var(--bg);min-width:320px;color:var(--text);margin:0}button,input{font:inherit}button,a{touch-action:manipulation}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}.brand img{border-radius:14px;width:48px;height:48px;box-shadow:0 0 0 1px #33466f,0 10px 30px #020713}.brand span{gap:3px;display:grid}.brand strong{font-size:18px}.brand small{color:var(--muted);font-size:12px}.eyebrow{color:var(--gold);letter-spacing:.15em;font-size:11px;font-weight:800}.primary{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-weight:700;display:inline-flex}.primary:hover:not(:disabled){background:#6c98ff}.primary:disabled,button:disabled{cursor:not-allowed;opacity:.58}.error,.global-error{color:#ffd6dd}.checking{place-content:center;justify-items:center;gap:18px;min-height:100svh;display:grid}.checking p{color:var(--muted)}.loader{border:2px solid #263b63;border-top-color:var(--green);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.public-header,.app-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050a14bd;border-bottom:1px solid #859ecf29;justify-content:space-between;align-items:center;gap:20px;height:82px;padding:0 clamp(20px,4vw,68px);display:flex}.public-header>a:last-child,.app-header nav a,.app-header nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:9px 11px;text-decoration:none;display:inline-flex}.public-header>a:last-child:hover,.app-header nav a:hover,.app-header nav button:hover{background:var(--surface2);color:var(--text)}.login-shell{min-height:100svh}.login-hero{grid-template-columns:minmax(0,1.1fr) minmax(350px,.55fr);align-items:center;gap:clamp(36px,7vw,110px);min-height:calc(100svh - 82px);padding:clamp(38px,7vw,100px) clamp(20px,7vw,120px);display:grid;position:relative;overflow:hidden}.login-hero:after{content:"";pointer-events:none;border:1px solid #5b8cff24;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-230px;right:25%;box-shadow:0 0 0 70px #5b8cff06,0 0 0 140px #5b8cff04}.login-copy{z-index:1;max-width:760px;animation:.5s ease-out rise;position:relative}.login-copy h1{letter-spacing:-.05em;max-width:720px;margin:12px 0 18px;font-size:clamp(40px,5.5vw,76px);line-height:.98}.login-copy>p{color:#a9b7d6;max-width:650px;margin:0;font-size:18px;line-height:1.6}.login-rule{color:#ffe7aa;background:#e1bb6512;border:1px solid #e1bb6552;border-radius:11px;align-items:center;gap:10px;width:max-content;max-width:100%;margin-top:26px;padding:11px 13px;font-size:13px;display:flex}.login-form{z-index:1;border:1px solid var(--line);background:#0a1326e0;border-radius:20px;gap:16px;padding:30px;animation:.5s ease-out 80ms both rise;display:grid;position:relative;box-shadow:0 28px 80px #0000005c}.login-form>div:first-child{align-items:center;gap:10px;display:flex}.login-form h2{margin:0;font-size:22px}.login-form label{color:var(--muted);gap:7px;font-size:13px;display:grid}.login-form input{border:1px solid var(--line);width:100%;color:var(--text);background:#07101f;border-radius:10px;outline:none;padding:12px}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #5b8cff21}.login-form p{color:var(--muted);text-align:center;margin:0;font-size:13px}.login-form a{color:#a9c0ff}.login-diagram{margin:0;padding:0 clamp(20px,7vw,120px) clamp(45px,7vw,90px)}.login-diagram img{border:1px solid #5b8cff30;border-radius:18px;width:100%;display:block;box-shadow:0 28px 80px #00000052}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.dashboard{min-height:100svh}.app-header{z-index:20;position:sticky;top:0}.app-header nav{align-items:center;gap:4px;display:flex}.app-header nav button{font:inherit}.dashboard main{gap:0;width:min(1280px,100% - 40px);margin:0 auto;display:grid}.status-plane{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:30px;min-height:290px;padding:48px 0;animation:.4s ease-out rise;display:grid;position:relative}.status-plane h1{letter-spacing:-.04em;margin:8px 0;font-size:clamp(34px,5vw,58px)}.status-plane p{color:var(--muted);margin:0 0 12px;font-size:17px}.status-plane small{color:#b8c5df}.status-orbit{border:1px solid var(--green);width:150px;height:150px;color:var(--green);border-radius:50%;place-items:center;animation:3.6s ease-in-out infinite orbit-pulse;display:grid;box-shadow:0 0 55px #4cddb021}.status-plane.down .status-orbit{border-color:var(--danger);color:var(--danger);box-shadow:0 0 55px #ff6b821c}@keyframes orbit-pulse{50%{transform:scale(1.025);box-shadow:0 0 70px #4cddb033}}.icon-button{background:var(--surface2);width:42px;height:42px;color:var(--text);cursor:pointer;border:0;border-radius:11px;place-items:center;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:7px 0 0;font-size:27px}.section-heading>p{max-width:560px;color:var(--muted);margin:0;line-height:1.55}.clients-section,.trust-section{border-bottom:1px solid var(--line);gap:24px;padding:48px 0;display:grid}.client-list{grid-template-columns:1fr 1fr;gap:14px;display:grid}.client-download{border:1px solid var(--line);min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px;transition:background .18s,border-color .18s,transform .18s;display:grid;position:relative}.client-download:hover:not(:disabled){background:#5b8cff0f;border-color:#496aa9;transform:translateY(-2px)}.client-download.preferred{background:#5b8cff0d;border-color:#3d65b2}.client-download>span:nth-child(2){gap:5px;display:grid}.client-download small{color:var(--muted)}.client-icon{background:var(--surface2);color:#9bb5ff;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.client-download i{color:var(--gold);font-size:10px;font-style:normal;position:absolute;bottom:7px;right:16px}.workspace{border-bottom:1px solid var(--line);grid-template-columns:1.15fr .85fr;display:grid}.workspace>section{padding:48px 0}.workspace>section:first-child{border-right:1px solid var(--line);padding-right:48px}.workspace>section:last-child{padding-left:48px}.workspace h2{margin:7px 0 12px;font-size:27px}.workspace p{max-width:620px;color:var(--muted);line-height:1.6}.pairing-section>.primary{margin-top:10px}.pairing-code{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:20px;display:grid}.pairing-code code{border:1px solid var(--line);color:#dfe8ff;overflow-wrap:anywhere;background:#07101f;border-radius:10px;align-items:center;min-width:0;padding:13px;display:flex}.pairing-code button{background:var(--surface2);color:var(--text);cursor:pointer;border:0;border-radius:10px;align-items:center;gap:7px;padding:11px 13px;display:flex}.pairing-code small{color:var(--muted);grid-column:1/-1}.devices-list{display:grid}.device-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.device-row>svg{color:#9bb5ff}.device-row>span{gap:4px;display:grid}.device-row small{color:var(--muted);text-transform:capitalize}.device-row button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.device-row button:hover{color:#ffb0bd;background:#ff6b821a}.trust-section img{border:1px solid #5b8cff33;border-radius:18px;width:100%;display:block;box-shadow:0 24px 70px #00000045}.route-mini{color:#bdcae5;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.route-mini span{align-items:center;gap:7px;display:flex}.route-mini svg{color:var(--blue)}.trust-note{color:var(--muted);text-align:center;margin:0;font-size:12px}.global-error{z-index:30;background:#2b1019;border:1px solid #ff6b8259;border-radius:11px;max-width:440px;padding:13px 15px;position:fixed;bottom:20px;right:20px;box-shadow:0 18px 60px #00000059}footer{width:min(1280px,100% - 40px);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:auto;padding:28px 0;font-size:12px;display:flex}footer a{color:#b8caff}@media (width<=900px){.login-hero{grid-template-columns:1fr;min-height:auto}.login-copy h1{font-size:52px}.login-form{max-width:620px}.status-plane{text-align:center;grid-template-columns:1fr}.status-orbit{margin:auto}.status-plane .icon-button{position:absolute;top:30px;right:0}.section-heading{flex-direction:column;align-items:start;gap:9px}.client-list,.workspace{grid-template-columns:1fr}.workspace>section:first-child{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.workspace>section:last-child{padding-left:0}}@media (width<=620px){.public-header,.app-header{height:70px;padding:0 14px}.brand img{width:42px;height:42px}.brand small{display:none}.public-header>a:last-child{font-size:0}.public-header>a:last-child svg{width:20px;height:20px}.app-header nav a{font-size:0}.app-header nav button{padding:9px;font-size:0}.login-hero{padding:45px 16px}.login-copy h1{font-size:40px}.login-copy>p{font-size:16px}.login-rule{align-items:flex-start}.login-form{padding:21px}.login-diagram{padding:0 16px 48px}.dashboard main,footer{width:min(100% - 28px,1280px)}.status-plane{min-height:0;padding:40px 0}.status-orbit{width:118px;height:118px}.status-plane h1{font-size:38px}.clients-section,.trust-section,.workspace>section{padding:36px 0}.section-heading h2,.workspace h2{font-size:23px}.client-download{grid-template-columns:auto minmax(0,1fr)}.client-download>svg{display:none}.pairing-code{grid-template-columns:1fr}.pairing-code button{justify-content:center}.route-mini{flex-direction:column;align-items:flex-start}.route-mini>svg{margin-left:4px;transform:rotate(90deg)}footer{flex-direction:column;align-items:flex-start}}.build-warning{color:var(--muted);margin:14px 0 0;font-size:.78rem;line-height:1.55}.session-lock-hero{min-height:calc(100svh - 82px)}.pin-input{display:flex;position:relative}.login-form .pin-input input{padding-right:46px}.pin-input button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.pin-input button:hover,.pin-input button:focus-visible{background:var(--surface2);color:var(--text);outline:none}.login-legal-links{color:var(--muted);justify-content:center;gap:7px;font-size:12px;display:flex}.login-legal-links a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.login-legal-links a:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
