*{box-sizing:border-box}body{margin:0;background:#f3f6f7;color:#163440;font:16px/1.5 Arial,sans-serif;display:grid;min-height:100vh;place-items:center;padding:20px}main{width:100%;max-width:420px;background:white;padding:32px;border:1px solid #dce4e7;border-top:5px solid #163440;border-radius:14px}h1{margin:0;font-size:36px}p{color:#657781}label{display:block;margin:20px 0;font-size:14px;font-weight:bold}input{display:block;width:100%;padding:12px;border:1px solid #ccd8dc;border-radius:7px;font:inherit;margin-top:6px}button{width:100%;padding:13px;border:0;border-radius:8px;background:#163440;color:white;font:inherit;font-weight:bold;cursor:pointer}.error{color:#a13434}input:focus-visible,button:focus-visible{outline:3px solid #8bac4f;outline-offset:3px}