:root{color-scheme:dark;font:18px/1.6 system-ui,sans-serif;background:#130d08;color:#fff0c2}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
main{width:min(100%,32rem);border-block:1px solid #b28a43;padding:24px 0;overflow-wrap:anywhere}
.brand{font-size:.8rem;letter-spacing:.16em;color:#dfba72;margin:0}
h1{font-size:clamp(1.5rem,5vw,2rem);line-height:1.3;margin:12px 0 24px}
p{color:#f3ece1}.hint{font-size:.88rem;color:#c8bca9}
label{display:block;margin-top:20px}
input:not([type=checkbox]),button{width:100%;min-height:48px;font:inherit;border:1px solid #b28a43;padding:10px 12px;border-radius:3px}
input:not([type=checkbox]){margin-top:8px;background:#21190f;color:#fff}
button{background:#533919;color:#fff0c2;cursor:pointer;font-weight:600}
button:hover{background:#6b4c23}button:active{background:#3c2811}button:disabled{opacity:.65;cursor:wait}
:focus-visible{outline:3px solid #f3ce76;outline-offset:3px}
.show-password{display:flex;align-items:center;gap:12px;min-height:44px;margin-top:8px}
input[type=checkbox]{width:22px;height:22px;accent-color:#dfba72}
#form-error{color:#ffb5a4;min-height:1.6em;margin:8px 0}
[hidden]{display:none!important}