*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f2f4f7;color:#142b36;font:16px/1.6 system-ui,sans-serif}main{width:min(420px,calc(100% - 32px));background:#fff;padding:36px;border:1px solid #dce3e8;border-radius:16px;box-shadow:0 12px 40px #142b360d}h1{font-size:28px;margin:6px 0}.eyebrow{font-size:11px;letter-spacing:.12em;color:#5b717c}p{color:#637780}label{display:block;margin:20px 0 6px;font-size:14px}input{display:block;width:100%;padding:11px 12px;border:1px solid #ccd6dc;border-radius:8px;margin-top:6px;font:inherit}input:focus{outline:2px solid #579eab;outline-offset:2px}button{width:100%;background:#176b76;color:white;border:0;padding:12px;border-radius:8px;font:inherit;cursor:pointer}button:disabled{opacity:.6}#error{color:#a52b34;font-size:14px;min-height:22px}