*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#fffbf2;color:#3d2715;font:18px/1.55 system-ui,sans-serif;border-top:5px solid #ffb600}main{width:100%;max-width:460px;background:#fff;border:1px solid #ead9bf;border-radius:20px;padding:36px;box-shadow:0 16px 48px #5636000a}.brand{font-size:32px;font-weight:850;color:#2b2119;text-decoration:none}.publisher,.note{font-size:14px;color:#75604c}h1{font-size:30px;line-height:1.2;margin-top:32px}label{display:block;font-weight:650;margin:22px 0 7px}input{width:100%;min-height:50px;border:1px solid #b6a38c;border-radius:8px;padding:10px 12px;font:inherit}input:focus-visible,button:focus-visible{outline:3px solid #d28a00;outline-offset:3px}button{width:100%;min-height:52px;margin-top:26px;background:#4c2d10;color:#fff;border:0;border-radius:8px;font:700 18px system-ui;cursor:pointer}button:disabled{opacity:.65;cursor:wait}#status{font-size:16px;color:#a62619;overflow-wrap:anywhere}.note{margin-top:24px}@media(max-width:420px){body{padding:16px}main{padding:24px}}
.secondary{margin-top:14px;background:#fff9e8;color:#4c2d10;border:1px solid #d3bd9d;font-size:16px}.hint{font-size:14px;color:#75604c;margin:8px 0}#status{color:#62421f}