*{box-sizing:border-box}body{margin:0;background:#102d3f;font:16px/1.6 Arial;color:#244d60;min-height:100vh;display:grid;place-items:center}main{background:white;width:min(440px,calc(100vw - 32px));border-radius:12px;padding:38px}main>p:first-child{font-size:12px;letter-spacing:2px;color:#0b847a}h1{font-size:34px;line-height:1.2;margin:25px 0 13px;letter-spacing:-1px}p{color:#76909e}label{display:grid;gap:7px;font-size:14px;font-weight:600;margin-top:19px}input{font:16px Arial;padding:12px;border:1px solid #c7d9e2;border-radius:6px;width:100%}button{width:100%;padding:12px;background:#087f78;border:0;border-radius:6px;color:white;margin-top:25px;font:16px Arial;cursor:pointer}[role=alert]{color:#98472b;background:#ffede4;padding:10px;border-radius:5px;font-size:14px}