*{box-sizing:border-box}body{margin:0;background:#f6f3ec;color:#172d3b;font:16px/1.6 system-ui,sans-serif}main{max-width:500px;margin:10vh auto;padding:28px;background:white;border:1px solid #d7dcd9;border-radius:12px}.brand{font-size:27px;font-weight:700}h1{font-size:28px}label{display:block;margin:20px 0;font-weight:600}input,button{font:inherit;display:block;width:100%;padding:12px;border-radius:6px;border:1px solid #849398;min-height:48px}button{background:#f2aa83;color:#172d3b;font-weight:650;border:0;cursor:pointer}input:focus-visible,button:focus-visible{outline:3px solid #874126;outline-offset:4px}#status{overflow-wrap:anywhere}button:disabled{opacity:.6}[hidden]{display:none}@media(max-width:550px){main{margin:24px 16px}}