*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#edf0ea;color:#19242b;font:16px system-ui,sans-serif;padding:24px}main{width:min(100%,440px);background:white;padding:36px;border-radius:18px;box-shadow:0 14px 48px #18242b16}.brand{font-size:12px;letter-spacing:2px;color:#69776d}h1{font-size:29px;margin-bottom:12px}p,small{line-height:1.6;color:#65716b}label{display:block;margin:20px 0;font-weight:600}input{display:block;width:100%;padding:13px;border:1px solid #c9d0cb;border-radius:9px;font:inherit;margin-top:8px}button{width:100%;padding:14px;background:#19242b;color:white;border:0;border-radius:9px;font:inherit;cursor:pointer}button:disabled{opacity:.6}small{display:block;margin-top:22px;font-size:13px}#error{color:#a32d27}input:focus-visible,button:focus-visible{outline:3px solid #9dbaee;outline-offset:2px}
[hidden]{display:none!important}