*{box-sizing:border-box}body{margin:0;background:#f2f5fa;color:#172c48;font:16px/1.65 system-ui,-apple-system,sans-serif;min-height:100svh;display:grid;place-items:center;padding:24px}main{background:#fff;border:1px solid #d8e1ee;border-radius:20px;width:min(100%,480px);padding:32px}.brand{color:#274e80;font-size:22px;font-weight:800;letter-spacing:.12em;margin:0}h1{font-size:28px;margin:12px 0}p{margin:12px 0}label{display:block;font-weight:700;margin:24px 0 8px}input{width:100%;min-width:0;padding:13px;border:1px solid #a7b7ce;border-radius:8px;font:16px system-ui;color:#172c48}button,a.primary{font:inherit;cursor:pointer;border-radius:9px;padding:12px 16px;text-align:center}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #72a8ed;outline-offset:3px}.primary{display:block;width:100%;border:0;background:#274e80;color:white;font-weight:700;text-decoration:none;margin-top:20px}.secondary{border:1px solid #c8d5e6;background:#fff;color:#274e80;white-space:nowrap}.password-row{display:flex;gap:8px}.hint,.note{font-size:14px;color:#5b6a80}.note{border-top:1px solid #e2e8f1;padding-top:18px;margin-top:26px}.error{border:1px solid #eab0a8;background:#fff4f2;color:#9f3020;padding:12px;border-radius:8px}@media(max-width:400px){main{padding:24px}body{padding:16px}.password-row{flex-wrap:wrap}.password-row input{flex:1 1 100%}}