:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c10;--panel:#15151b;--line:#2a2a33;--text:#ecebef;--muted:#9a9aa6;--brand:#d64535;--brand-hover:#e35a4a;--ok:#7ad9a0;--err:#ff8f84}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(70% 55% at 50% 0%, #d6453522, transparent 70%), var(--bg);color:var(--text);place-items:center;min-height:100vh;padding:24px 16px;font-family:Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,sans-serif;display:grid}.card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:20px;width:100%;max-width:420px;padding:32px 28px}.logo{width:150px;height:auto;margin:0 auto 24px;display:block}h1{margin:0 0 10px;font-size:22px}p{color:var(--muted);margin:0 0 8px;line-height:1.6}.icon{margin-bottom:12px;font-size:40px;line-height:1}.ok{color:var(--ok)}.err{color:var(--err)}form{text-align:left;flex-direction:column;gap:12px;margin-top:20px;display:flex}label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}input{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--text);border-radius:10px;outline:none;margin-top:6px;padding:11px 12px;font-size:15px}input:focus{border-color:var(--brand)}button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-top:6px;padding:12px;font-size:15px;font-weight:700}button:hover{background:var(--brand-hover)}button:disabled{opacity:.6;cursor:default}.form-error{color:var(--err);min-height:1em;margin:0;font-size:13px}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;margin:8px auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.foot{color:var(--muted);margin-top:20px;font-size:12px}[hidden]{display:none!important}
