:root{font-family:Arial,Helvetica,sans-serif;color:#172c3b;background:#f2f0e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,460px);padding:40px;background:#fffdf8;border:1px solid #d9d5ca;border-radius:6px;box-shadow:0 10px 45px #172c3b0c}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;font-size:34px;letter-spacing:1px}.mark{display:grid;place-items:center;width:54px;height:54px;background:#1c3b4d;color:#fff;border-radius:2px;font-family:Georgia,serif;font-size:46px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:4px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#7c725d;margin-top:38px}h1{font-family:Georgia,serif;font-weight:400;font-size:34px;margin:14px 0}p{font-size:14px;line-height:1.6;color:#5b6570}form{margin-top:26px}label{display:block;margin:18px 0 8px;font-size:13px;font-weight:600}input,button{width:100%;font:inherit;border-radius:3px;padding:13px}input{border:1px solid #aaa;background:#fff}input:focus{outline:2px solid #476e83;outline-offset:2px}button{background:#1c3b4d;color:white;border:0;cursor:pointer;margin-top:24px}button:disabled{opacity:.6}#error{color:#9b3026}details{margin-top:24px;font-size:13px}summary{cursor:pointer}footer{margin-top:36px;border-top:1px solid #ddd7ca;padding-top:20px;font-size:9px;letter-spacing:1.5px;color:#6e746f}@media(max-width:480px){body{padding:16px}main{padding:26px 22px}}