*{box-sizing:border-box}body{margin:0;background:#f5f2eb;color:#252820;font:16px/1.6 Arial,sans-serif;min-height:100dvh;display:grid;place-items:center;padding:28px}main{width:min(420px,100%);border-top:2px solid #252820;padding:38px 0}h1{letter-spacing:.12em;font-size:26px}p{color:#555f45}input{margin-top:8px;padding:13px;width:100%;border:1px solid #bbb7ac;border-radius:0;font:inherit;background:white;color:#252820}button{background:#252820;color:#f5f2eb;border:0;padding:15px 24px;width:100%;font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #9b4e36;outline-offset:3px}[role=alert]{color:#9b4e36}