*{box-sizing:border-box}body{margin:0;background:#f3f5f7;color:#1f303b;font:17px/1.6 system-ui,sans-serif}main{max-width:560px;margin:10vh auto;padding:36px;background:white;border:1px solid #dbe1e5;border-top:5px solid #126686;border-radius:10px}h1{font-size:28px;line-height:1.25;margin-top:0}label{display:block;font-weight:600}input{display:block;width:100%;font:inherit;padding:12px;border:1px solid #adbcc5;border-radius:5px;margin:8px 0 18px}button{font:inherit;background:#126686;color:white;border:0;border-radius:5px;padding:12px 20px;cursor:pointer}p:last-child{font-size:14px;color:#536574;margin-top:28px}[role=alert]{color:#9b2727}input:focus,button:focus{outline:3px solid #73b9d1;outline-offset:2px}@media(max-width:600px){main{margin:24px 16px;padding:24px}}