:root { color-scheme: light; font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#193149; background:#eef4f8; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; padding:24px; }
.card { width:min(100%,460px); background:white; border:1px solid #a9bbce; border-radius:12px; box-shadow:0 12px 32px #17344d18; padding:28px; }
header { display:flex; align-items:center; gap:12px; }
.lock { width:40px; height:40px; }
h1 { margin:0; font-size:1.8rem; }
.intro { line-height:1.5; margin:20px 0; }
form { display:grid; gap:10px; }
form[hidden] { display:none; }
label { font-weight:650; }
input { width:100%; padding:12px; border:1px solid #7f98af; border-radius:6px; font:inherit; }
input:focus-visible,button:focus-visible { outline:3px solid #1672b3; outline-offset:2px; }
button { background:#145a87; color:white; border:0; border-radius:6px; padding:12px 14px; font:inherit; font-weight:650; cursor:pointer; }
button:hover { background:#0d456b; }
button:disabled { opacity:.6; cursor:wait; }
button.secondary { background:#e8f1f7; color:#145a87; }
#message { min-height:2.4em; line-height:1.45; }
.privacy { border-top:1px solid #d5e0e8; padding-top:16px; font-size:.88rem; line-height:1.5; }
.unit { display:block; width:min(100%,210px); height:auto; margin:20px 0 0 auto; }