:root { font-family: system-ui,sans-serif; color:#171d27; background:#f5f6f9; }
* { box-sizing:border-box; }
body { margin:0; padding:24px 16px; }
main { max-width:540px; margin:auto; padding:24px; background:#fff; border-radius:12px; }
h1 { font-size:1.8rem; line-height:1.2; } h2 { font-size:1.2rem; }
p { line-height:1.55; } .brand { font-weight:700; } .note { color:#495469; font-size:.9rem; }
label,dt { display:block; font-weight:600; margin-top:16px; }
dd { margin:4px 0 12px; overflow-wrap:anywhere; }
input { width:100%; padding:12px; font:inherit; margin:8px 0; border:1px solid #6a7281; border-radius:6px; }
button { min-height:48px; padding:12px 16px; border:1px solid #19395c; border-radius:6px;
  background:#19395c; color:#fff; font:inherit; cursor:pointer; margin:8px 0; }
button:disabled { opacity:.5; cursor:default; } .secondary { background:#fff; color:#19395c; }
.actions { display:flex; gap:12px; flex-wrap:wrap; }
:focus-visible { outline:3px solid #3379ae; outline-offset:3px; }
[hidden] { display:none!important; }