*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef3f7;color:#183148;font:16px system-ui,sans-serif}main{width:100%;max-width:440px;background:white;border:1px solid #dce4ea;border-radius:18px;padding:36px;box-shadow:0 12px 40px #18314812}.brand{font-size:28px;font-weight:800;color:#235b9d}.brand span{display:block;font-size:13px;font-weight:500;color:#607586}h1{font-size:25px;margin:30px 0 8px}p{line-height:1.5;color:#607586}label{display:block;font-size:14px;font-weight:600;margin:20px 0}input{display:block;width:100%;padding:12px;border:1px solid #b8c8d5;border-radius:8px;margin-top:8px;font:inherit}input:focus{outline:2px solid #235b9d;outline-offset:2px}button{width:100%;padding:13px;border:0;border-radius:8px;background:#235b9d;color:white;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.6;cursor:wait}small{display:block;color:#607586;font-size:12px;margin-top:24px}#error{color:#a32b2b;font-size:14px}[hidden]{display:none!important}