body{font:16px/1.6 system-ui,sans-serif;margin:0;background:#f3f6fb;color:#17334b}main{max-width:390px;margin:12vh auto;padding:30px;background:white;border:1px solid #d4ddeb;border-radius:16px}h1{font-size:25px;margin-top:0}p{color:#536981}label{display:block;font-weight:600;margin:18px 0 8px}input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #b9c7da;border-radius:7px;font:inherit}button{width:100%;padding:12px;margin-top:20px;border:0;border-radius:7px;background:#245ed9;color:white;font:inherit;font-weight:600}.error{color:#aa2638}small{display:block;color:#6a7b91;margin-top:18px}@media(max-width:500px){main{margin:8vh 16px}}