:root{color-scheme:light;font:16px/1.5 system-ui,sans-serif;background:#f8f5ee;color:#101f38}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;padding:24px;min-height:100vh;display:grid;place-items:center}
main{width:min(100%,420px)}
.brand{font:bold 34px Georgia,serif;color:inherit;text-decoration:none}
section{margin-top:18px;background:#fff;border:1px solid #d9dfe7;border-radius:12px;padding:clamp(20px,6vw,32px)}
h1{font:normal 42px/1.1 Georgia,serif;margin:0 0 16px}
p{margin:0 0 16px;color:#42536b}
label{display:block;font-weight:600}
input,button{font:inherit;width:100%;padding:10px 12px;border-radius:6px}
input{margin:6px 0 12px;border:1px solid #8694a8}
button{background:#17396a;color:white;border:0;font-weight:600;cursor:pointer}
button:disabled{opacity:.6}
:focus-visible{outline:2px solid #2165bc;outline-offset:3px}
#status{margin:14px 0 0}
#status:empty{display:none}
button.secondary{margin-top:8px;background:transparent;color:#17396a}
button.secondary:hover{text-decoration:underline}
.auth-back{display:block;text-align:center;margin-top:12px;color:#17396a}