@font-face{font-family:Inter;src:url('/static/vendor/inter/files/inter-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#18263b;--muted:#66748a;--line:#dce3ec;--accent:#315ed7}
*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:var(--ink);font-family:Inter,'Noto Sans SC Variable',system-ui,sans-serif;line-height:1.6}
main{width:min(100% - 64px,1080px);min-height:100dvh;margin:auto;display:grid;grid-template-columns:1fr 400px;align-content:center;column-gap:96px;padding:56px 0}
.brand{display:flex;align-items:center;gap:12px;grid-column:1/-1;margin-bottom:72px;font-weight:650;font-size:19px;letter-spacing:-.5px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:500}
.eyebrow{grid-column:1;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:2px;align-self:end}
h1{grid-column:1;margin:18px 0;font-size:clamp(28px,3.4vw,40px);line-height:1.6;font-weight:550;letter-spacing:-1.2px}
.intro{grid-column:1;color:var(--muted);max-width:330px;margin:0;align-self:start;font-size:14px}
form{grid-column:2;grid-row:2/5;background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 12px 40px #24385408}
h2{margin:0 0 24px;font-size:20px;font-weight:600}label{display:block;font-size:13px;font-weight:550;margin:18px 0 8px}input{width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:8px;background:white;color:var(--ink);padding:12px;font:inherit;font-size:15px;height:46px}
button{font:inherit;cursor:pointer}input:focus-visible,button:focus-visible{outline:3px solid #b6c8f7;outline-offset:2px}input:focus{border-color:var(--accent)}.password-field{position:relative}.password-field input{padding-right:64px}.password-field button{position:absolute;right:7px;top:6px;border:0;background:#f4f6fa;border-radius:5px;padding:6px 9px;font-size:12px;color:var(--muted)}
.submit{width:100%;margin-top:26px;padding:12px 16px;background:var(--accent);border:0;border-radius:8px;color:white;display:flex;justify-content:space-between;font-size:14px;font-weight:550;min-height:46px}.submit:hover{background:#264fbc}.submit:disabled{opacity:.65;cursor:wait}.hint{color:var(--muted);font-size:11px;margin:18px 0 0;line-height:1.8}#login-error{color:#ac3037;background:#fff2f2;border-radius:6px;font-size:12px;padding:10px;margin:16px 0 0}
footer{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:76px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
@media(max-width:800px){main{width:min(100% - 40px,450px);display:block;padding:32px 0}.brand{margin-bottom:38px}.eyebrow{font-size:11px}h1{font-size:26px;margin:12px 0}.intro{margin-bottom:28px}form{padding:26px}footer{gap:12px;flex-wrap:wrap;margin-top:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}