*{box-sizing:border-box}body{font:16px Arial,sans-serif;color:#282d2a;background:#f5f4ef;margin:0;min-height:100vh;display:grid;place-items:center;padding:20px}main{background:white;border:1px solid #d8ddd5;border-top:4px solid #e6a13a;border-radius:8px;padding:32px;max-width:440px;width:100%}.brand{font-size:14px;font-weight:bold;letter-spacing:1px}.brand span{color:#9d6715}h1{font-size:27px;margin:28px 0 12px}p{line-height:1.6;color:#59615a}label{display:block;font-size:14px;margin:20px 0}input{display:block;margin-top:8px;border:1px solid #bdc6b9;border-radius:5px;width:100%;padding:13px;font:16px Arial}button{width:100%;padding:14px;border:0;border-radius:5px;background:#e6a13a;color:#222722;font-size:16px;font-weight:bold;cursor:pointer}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:3px solid #c98924;outline-offset:3px}#status{font-size:14px;color:#973625}