body{background:#f5f7fc;color:#20304d;font:15px system-ui;margin:0;display:grid;place-items:center;min-height:100vh}section{background:white;border:1px solid #dbe3ef;padding:32px;border-radius:16px;width:min(400px,80vw)}label,input{display:block}input{box-sizing:border-box;width:100%;padding:12px;margin:10px 0 18px;border:1px solid #c2cfdf;border-radius:7px}input[type=submit]{background:#245ce0;color:white;cursor:pointer;font-weight:600}h1{font-size:25px}.note{font-size:12px;color:#62738a;line-height:1.6}[role=alert]{color:#b42318}