:root{color-scheme:dark;--bg:#061018;--panel:#0a1720;--line:#75cfe33a;--text:#dff5fa;--muted:#75909b;--accent:#69e5ad;--blue:#6dd8ef;--danger:#ff7f8b}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#123541,transparent 34%),radial-gradient(circle at 85% 80%,#123127,transparent 30%),var(--bg);color:var(--text);font:14px/1.5 system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;opacity:.08;background-image:linear-gradient(#72dced 1px,transparent 1px),linear-gradient(90deg,#72dced 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,#000,transparent 70%)}.auth-shell{position:relative;width:min(980px,calc(100vw - 32px));min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#07121af2;box-shadow:0 35px 120px #000d,0 0 45px #62d9ef18}.auth-visual{display:grid;place-content:center;justify-items:center;padding:50px;border-right:1px solid #74cee326;background:radial-gradient(circle,#163843cc,transparent 42%)}.auth-orbit{display:grid;place-items:center;width:230px;height:230px;border:1px solid #75d9ec42;border-radius:50%;box-shadow:0 0 80px #61d3e522,inset 0 0 50px #63dbee12;animation:float 6s ease-in-out infinite}.auth-orbit:before,.auth-orbit:after{content:"";position:absolute;width:270px;height:270px;border:1px solid #68e6ae32;border-radius:50%}.auth-orbit:after{width:310px;height:310px;border-style:dashed;animation:spin 28s linear infinite}.auth-orbit img{width:160px;height:160px;border-radius:50%;object-fit:cover}.auth-visual>span{margin-top:55px;color:var(--blue);font:8px ui-monospace,monospace;letter-spacing:.22em}.auth-visual h1{margin:8px 0 2px;font-size:34px}.auth-visual p{margin:0;color:var(--muted);font-size:11px}.auth-panel{display:flex;flex-direction:column;padding:52px 54px}.auth-kicker{display:flex;align-items:center;gap:8px;color:var(--blue);font:8px ui-monospace,monospace;letter-spacing:.17em}.auth-kicker i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}form,#recovery-codes{margin:auto 0}h2{margin:0 0 5px;font-size:27px}form>p,#recovery-codes>p{margin:0 0 25px;color:var(--muted)}label{display:grid;gap:6px;margin:14px 0;color:#a8c0c9;font-size:11px}label small{color:#66838e;font-size:9px}input,button{font:inherit}input{width:100%;height:43px;padding:9px 12px;border:1px solid #72cce236;border-radius:9px;outline:0;background:#061017;color:var(--text)}input:focus{border-color:#79e1f078;box-shadow:0 0 0 3px #67d9eb0d}.password-field{display:grid;grid-template-columns:1fr auto}.password-field input{border-radius:9px 0 0 9px}.reveal{padding:0 10px;border:1px solid #72cce236;border-left:0;border-radius:0 9px 9px 0;background:#10232d;color:#82acb8;font-size:9px}.check{display:flex;align-items:center;gap:8px}.check input{width:15px;height:15px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;height:45px;margin-top:20px;padding:0 14px;border:0;border-radius:10px;background:linear-gradient(110deg,#53db9b,#70ebb3);color:#052219;font-weight:750}.primary:disabled{opacity:.4}.text{display:block;margin:12px auto;border:0;background:transparent;color:#78bfd0;font-size:10px}#auth-error{min-height:22px;margin:8px 0;color:var(--danger);font-size:10px}footer{display:flex;gap:13px;margin-top:auto;color:#4e7380;font:7px ui-monospace,monospace;letter-spacing:.1em}pre{max-height:210px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#050d12;color:#a8e9f4;overflow:auto;user-select:all}#download-codes{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#102630;color:#a7dce8}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-7px)}}@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:580px;padding:36px 28px}}