*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;
place-items:center;background:#071729;color:#172c45;font:17px Arial,sans-serif;
padding:24px}main{width:min(100%,440px);padding:38px;background:#fff;
border-top:4px solid #267ab9;border-radius:8px}h1{font-size:26px;margin:12px 0}
p{line-height:1.5;color:#50657c}.brand{font-size:13px;letter-spacing:.08em;
font-weight:bold;color:#24608e}label{display:block;font-weight:bold;margin:26px 0 9px}
input{width:100%;font:inherit;padding:13px;border:1px solid #708498;border-radius:4px}
button{font:inherit;font-weight:bold;width:100%;padding:14px;border:0;border-radius:4px;
background:#16629c;color:white;margin-top:18px;cursor:pointer}a{color:#16629c}
.error{color:#a71c20}input:focus,button:focus{outline:3px solid #91c7ee;outline-offset:2px}