:root { --bg:#0b0807; --panel:#16100e; --line:#2e211c; --text:#efe6dc; --muted:#a3948a; --gold:#d9a35a; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.65 "Segoe UI",Tahoma,sans-serif; }
main { max-width:520px; margin:0 auto; padding:44px 24px 60px; }
a { color:var(--gold); }
h1 { margin:18px 0 8px; font:400 42px/1.1 Georgia,"Times New Roman",serif; }
.lead { margin:0 0 24px; color:var(--muted); }
form { background:var(--panel); border:1px solid var(--line); border-radius:6px; padding:26px; }
label { display:block; margin-bottom:16px; font-size:14px; color:#cfc3b8; }
input { display:block; width:100%; margin-top:6px; padding:12px; border:1px solid var(--line); border-radius:4px; background:#0f0a09; color:var(--text); font:16px "Segoe UI",Tahoma,sans-serif; }
input:focus { outline:2px solid var(--gold); outline-offset:1px; }
.hint { display:block; margin-top:4px; font-size:12px; color:var(--muted); }
.piege { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.message { min-height:24px; margin:0 0 14px; font-size:14px; }
.message.error { color:#f08a6c; }
.message.ok { color:#8fd16f; }
.btn { width:100%; border:0; border-radius:5px; padding:15px; cursor:pointer; color:#fff3e4; background:linear-gradient(135deg,#8f2417,#d24a22 60%,#e88a3c); font:700 15px Georgia,"Times New Roman",serif; letter-spacing:.1em; }
.btn:disabled { filter:grayscale(.6) brightness(.7); cursor:default; }