*{box-sizing:border-box}body{margin:0;background:#f1f4f7;color:#172b3a;font:16px/1.5 system-ui,sans-serif}main{max-width:560px;margin:7vh auto;padding:36px;background:#fff;border:1px solid #dce4e9;border-radius:16px}.brand{letter-spacing:.12em;color:#42667a;font-size:13px;font-weight:700}h1{font-size:28px}label{display:block;margin:18px 0}input{display:block;width:100%;padding:12px;border:1px solid #9cabb5;border-radius:6px;font:inherit}button{padding:12px 18px;background:#155e75;color:white;border:0;border-radius:6px;cursor:pointer;font:inherit}a{color:#155e75}article{border-top:1px solid #dce4e9;margin-top:28px;padding-top:12px}article form{margin-bottom:12px}[role=alert]{padding:12px;background:#fff0e9;color:#9a3412}@media(max-width:600px){main{margin:20px 12px;padding:24px}}