.auth-surface{--auth-bg:#080f1a;--auth-panel:#0e1622;--auth-line:#223247;--auth-text:#f2f6fb;--auth-muted:#93a2b6;--auth-blue:#2f6fdb;background:var(--auth-bg);min-height:100vh;color:var(--auth-text);place-items:center;padding:24px;display:grid}.auth-card{border:1px solid var(--auth-line);background:var(--auth-panel);border-radius:18px;width:min(100%,430px);padding:32px;box-shadow:0 28px 80px #0008}.auth-brand{align-items:center;gap:12px;margin-bottom:30px;display:flex}.auth-anchor{color:#76aaff;background:#162a47;border-radius:13px;place-items:center;width:44px;height:44px;font-size:24px;display:grid}.auth-brand strong{font-size:15px}.auth-card h1{letter-spacing:-.03em;margin:0 0 24px;font-size:27px}.auth-card>.auth-instruction{color:var(--auth-muted);margin:-16px 0 24px;font-size:14px;line-height:1.55}.auth-form{gap:15px;display:grid}.auth-form label{color:#c9d3df;gap:7px;font-size:13px;display:grid}.auth-form input{border:1px solid var(--auth-line);width:100%;color:var(--auth-text);font:inherit;background:#09111d;border-radius:10px;padding:12px 13px}.auth-form input:focus{border-color:#5b9bff;outline:2px solid #5b9bff55}.auth-form button{background:var(--auth-blue);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px 16px;font-weight:700}.auth-form button:hover{background:#3d7de7}.auth-error{color:#ffb7c1;background:#3a1820;border:1px solid #8b3f4d;border-radius:10px;margin:0 0 24px;padding:10px 12px;font-size:13px}