*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f6f8;color:#1c2430}
.card{background:#fff;width:min(420px,92vw);padding:28px;border-radius:14px;box-shadow:0 2px 14px rgba(0,0,0,.08);text-align:center}
h1{font-size:22px;margin:10px 0 18px}
form{text-align:left;display:grid;gap:6px}
label{font-size:14px;font-weight:600}
input{width:100%;padding:10px 12px;border:1px solid #c8d0da;border-radius:8px;font:inherit;margin-bottom:8px}
input:focus{outline:2px solid #3b6fd4;border-color:#3b6fd4}
button{margin-top:6px;padding:11px;border:0;border-radius:8px;background:#1f3a68;color:#fff;font:inherit;font-weight:600;cursor:pointer}
button:disabled{opacity:.6;cursor:default}
#msg{min-height:1.4em;margin:6px 0 0;font-size:14px;text-align:center}
#msg.ok{color:#17673a}#msg.err{color:#b42318}