:root{font-family:system-ui,sans-serif;color:#172033;background:#f5f7fb}body{margin:0}main{max-width:760px;margin:3rem auto;padding:2rem;background:#fff;border:1px solid #dce2eb;border-radius:12px}h1{line-height:1.2}form{display:grid;gap:1rem}label{display:grid;gap:.35rem;font-weight:600}input{font:inherit;padding:.7rem;border:1px solid #9aa7b8;border-radius:6px}button{font:inherit;font-weight:700;padding:.8rem 1rem;border:0;border-radius:6px;background:#163a70;color:#fff;cursor:pointer}section[role=alert]{border-left:4px solid #b42318;padding:.5rem 1rem;background:#fff4f2}li{margin:.35rem 0}