:root{color-scheme:dark;--bg:#090b10;--panel:#111722;--text:#e9edf8;--mute:#8f9ab1;--violet:#7d8cff;--line:#2b3445;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}main{position:relative;display:grid;grid-template-columns:1.04fr .96fr;min-height:100vh;overflow:hidden}.grid-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#7180a208 1px,transparent 1px),linear-gradient(90deg,#7180a208 1px,transparent 1px);background-size:50px 50px}.glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.glow-a{width:420px;height:420px;background:#4253bf38;right:8%;top:9%}.glow-b{width:400px;height:300px;background:#5f4e8e1e;bottom:-160px;left:-110px}.login{position:relative;z-index:2;width:min(560px,100%);padding:54px clamp(28px,7vw,100px);justify-self:center;display:flex;flex-direction:column;justify-content:center}.brand{display:flex;gap:12px;align-items:center;margin-bottom:72px}.brand strong{display:block;font-size:25px;letter-spacing:-1.4px}.brand strong span{color:var(--violet)}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:700;color:#7e8ba4}.radar-icon{width:36px;height:36px;display:grid;place-items:center;position:relative;border:1px solid #6979f5;border-radius:12px;transform:rotate(-10deg)}.radar-icon span{position:absolute;width:27px;height:27px;border:1px solid #6a83ef;border-radius:50%}.radar-icon span:nth-child(2){width:16px;height:16px}.radar-icon span:nth-child(3){width:6px;height:6px;background:#8a9aff;box-shadow:0 0 14px #7a89fc}.eyebrow{font-size:10px;color:#9ba6ca;font-weight:700;letter-spacing:2.2px;display:flex;align-items:center;gap:10px}.dot,.live{height:7px;width:7px;border-radius:50%;background:#43d6b0;box-shadow:0 0 10px #43d6b077;display:inline-block}.sep{color:#586276}h1{font-size:clamp(32px,3.5vw,55px);letter-spacing:-2px;line-height:1.09;font-weight:600;margin:24px 0 18px}h1 em{color:#93a0ff;font-style:normal}.intro{font-size:14px;line-height:1.65;color:#a4acc0;margin:0 0 40px}form{display:flex;flex-direction:column}label{font-size:10px;color:#9ba6ba;letter-spacing:1.3px;font-weight:700;margin-bottom:10px}input{width:100%;border:1px solid #3a4256;background:#101621;color:#fff;border-radius:12px;padding:14px 15px;font:inherit;font-size:15px;height:50px;outline:none;margin-bottom:22px}input:focus-visible{border-color:#8e9cfa;box-shadow:0 0 0 3px #788bfa30}.password{position:relative}.password input{padding-right:100px}.password button{position:absolute;right:10px;top:10px;border:0;background:transparent;color:#abb7dc;padding:7px 9px;cursor:pointer}.submit{display:flex;justify-content:space-between;align-items:center;height:52px;border:0;border-radius:12px;background:linear-gradient(120deg,#5268ee,#7d8cf8);color:#fff;font-weight:700;padding:0 18px;margin-top:5px;cursor:pointer;transition:transform .18s,filter .18s}.submit:hover{filter:brightness(1.12);transform:translateY(-1px)}.submit:disabled{opacity:.55;cursor:wait}.submit span{font-size:19px}.error{padding:12px 14px;border:1px solid #bb667080;background:#a44b4a23;color:#f0b9be;border-radius:9px;font-size:12px;line-height:1.5;margin:0 0 14px}.login footer{margin-top:52px;display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:10px;color:#7f8b9e}.login footer span:last-child{margin-left:auto}.decor{position:relative;border-left:1px solid #26324944;background:radial-gradient(circle at 50% 45%,#18245055,#090b1022 60%);display:grid;place-items:center}.rings{position:relative;width:min(38vw,520px);height:min(38vw,520px);display:grid;place-items:center}.rings div{position:absolute;inset:0;border:1px solid #7084ff4d;border-radius:50%}.rings div:nth-child(2){inset:14%}.rings div:nth-child(3){inset:27%}.rings div:nth-child(4){inset:40%}.rings:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 40deg,transparent 65%,#768aff38 99%,transparent);animation:spin 9s linear infinite}.rings b{font-size:40px;color:#98a6ff;text-shadow:0 0 24px #7084ff}.decor-text{position:absolute;bottom:14%;left:15%;color:#7c8aae;letter-spacing:3px;font:12px/1.9 ui-monospace,Consolas,monospace}.decor-text span{color:#d2d8f2}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){main{grid-template-columns:1fr}.decor{display:none}.login{min-height:100vh;padding:38px 28px;max-width:540px}.brand{margin-bottom:65px}}@media(prefers-reduced-motion:reduce){*,*:after{animation:none!important;transition:none!important}}