:root { color-scheme: dark; --bg:#171510; --panel:#211e18; --line:#514a3d; --text:#f4efe5; --muted:#a59b8c; --brand:#c76034; --danger:#e8786b; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; background:radial-gradient(circle at 50% 0,#3a2d20 0,transparent 38%),var(--bg); color:var(--text); font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif; }
.shell { width:min(92vw,460px); }
.brand { display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:30px; }
.mark { display:grid; place-items:center; width:48px; height:48px; border:1px solid #9a7356; border-radius:14px; color:#e1a071; font:700 26px Georgia,serif; }
.brand strong { display:block; font:700 30px Georgia,serif; letter-spacing:.02em; }
.brand small { color:var(--muted); letter-spacing:.18em; }
.card { border:1px solid var(--line); border-radius:26px; padding:38px; background:rgba(28,26,21,.96); box-shadow:0 28px 80px rgba(0,0,0,.32); }
h1 { margin:0 0 6px; text-align:center; font:700 31px Georgia,"Noto Serif SC",serif; }
.lead { margin:0 0 30px; text-align:center; color:var(--muted); }
label { display:block; margin:18px 0 8px; color:#c8c0b4; font-weight:650; }
input { width:100%; height:52px; border:1px solid var(--line); border-radius:12px; padding:0 15px; background:#181611; color:var(--text); font:inherit; outline:none; }
input:focus { border-color:#c8764e; box-shadow:0 0 0 3px rgba(199,96,52,.16); }
button { width:100%; height:52px; margin-top:26px; border:0; border-radius:12px; background:var(--brand); color:white; font:700 17px inherit; cursor:pointer; }
button:disabled { opacity:.65; cursor:wait; }
.error { min-height:24px; margin:14px 0 -8px; color:var(--danger); text-align:center; font-size:14px; }
.foot { margin-top:18px; text-align:center; color:#766f63; font-size:13px; }
@media(max-width:520px){.card{padding:30px 24px}.brand{margin-bottom:22px}}