:root{--page:#f2f4f7;--panel:#fff;--ink:#13243b;--muted:#5a6a7d;--rule:#d7dee6;--strong:#1e4d78;--warn:#9a3b12;--ui:"Avenir Next", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);font:15px/1.45 var(--ui);margin:0}.login{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-card{background:var(--panel);border:1px solid var(--rule);border-top:3px solid var(--strong);border-radius:10px;width:min(400px,94vw);padding:28px 26px}.login-brand{align-items:center;gap:10px;margin-bottom:18px;font-size:16px;font-weight:600;line-height:1.25;display:flex}.login-brand img{flex-shrink:0;width:26px;height:26px}.login-lede{color:var(--muted);margin:0 0 18px}.login form{flex-direction:column;gap:10px;display:flex}.login label{color:var(--muted);font-size:13px}.login input{font:inherit;border:1px solid var(--rule);background:var(--panel);color:var(--ink);border-radius:6px;padding:9px 11px}.login input:focus-visible,.login button:focus-visible{outline:2px solid var(--strong);outline-offset:2px}.login button{font:inherit;background:var(--strong);color:#fff;cursor:pointer;border:0;border-radius:6px;margin-top:4px;padding:9px 12px;font-weight:600}.login button:disabled{opacity:.6;cursor:default}.login-note{color:var(--muted);margin:0;font-size:13px}.login-note.error{color:var(--warn)}.login-sent h2{margin:0 0 6px;font-size:18px;font-weight:600}.login-sent p{color:var(--muted);margin:0}.login-sent b{color:var(--ink);font-weight:600}