*{box-sizing:border-box}
body{margin:0;background:#f4f8ff;color:#14335c;font:13px/1.4 system-ui,sans-serif;display:grid;place-items:center;min-height:100dvh}
main{background:white;border:1px solid #cbdaf3;border-radius:3px;padding:8px;width:min(420px,94vw)}
h1{color:#0038b8;margin:0;font-size:24px;line-height:1.25}
p{margin:8px 0}
form,label{display:grid;gap:4px}
form{gap:8px}
input,button{font:inherit;padding:4px 8px;min-height:32px;border:1px solid #526988;border-radius:3px;width:100%;min-width:0}
button{background:#0038b8;color:white;cursor:pointer}
button:disabled{opacity:.6}
input:focus-visible,button:focus-visible{outline:2px solid #0055aa;outline-offset:2px}
#login-error,#profile-error{color:#a32323;white-space:pre-wrap;margin:0;overflow-wrap:anywhere}
small{display:block;margin-top:4px;color:#526988;font-size:12px}
@media(max-width:650px),(pointer:coarse){input,button{min-height:40px}}