:root {font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light;background:#f4f6f9;color:#18243b}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;padding:24px;display:flex;align-items:center;justify-content:center}
.card{width:min(100%,510px);background:#fff;border:1px solid #dbe2ea;border-radius:18px;padding:32px;box-shadow:0 10px 38px rgba(16,32,58,.07)}
.logo{width:42px;height:42px;display:grid;place-items:center;background:#e8f0fc;border-radius:12px;color:#245282;font-size:24px;font-weight:750;margin-top:18px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#59677a;font-size:11px;font-weight:750}
h1{font-size:clamp(1.45rem,4vw,1.85rem);line-height:1.2;margin:18px 0 10px}
h2{font-size:1.1rem;margin:22px 0 10px}
p{font-size:15px;line-height:1.55}
.status{padding:12px 14px;background:#edf3fa;border-radius:9px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:20px}
.status:empty{display:none}
[hidden]{display:none!important}
label{display:block;font-size:14px;font-weight:650;margin:18px 0 7px}
input{width:100%;font:inherit;padding:12px 13px;border:1px solid #8997ab;border-radius:8px}
input:focus{outline:2px solid #397bc8;outline-offset:2px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
button{border:0;border-radius:8px;padding:11px 18px;cursor:pointer;font:inherit;font-weight:650;font-size:14px}
button:focus-visible{outline:2px solid #397bc8;outline-offset:2px}
button:disabled{opacity:.6;cursor:wait}
.primary{background:#184571;color:#fff}.secondary{background:#e9edf3;color:#18243b}
.note{font-size:13px;color:#556377;overflow-wrap:anywhere}
footer{border-top:1px solid #e2e7ed;color:#758096;font-size:12px;line-height:1.5;padding-top:16px;margin-top:28px}
@media(max-width:530px){body{padding:12px}.card{padding:22px}}