:root{--bg:#0E1D14;--card:rgba(20,37,27,.78);--line:#2E6B4F;--muted:#94A996;--gold:#C79A3C;--gold-hi:#E7C15E;--cream:#F4F1E8;--bad:#f4a3a3}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,#1b3a28,transparent),var(--bg);color:var(--cream);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:24px 16px}
main{width:100%;max-width:390px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px 26px 24px;box-shadow:0 8px 32px rgba(0,0,0,.35)}
.eyebrow{margin:0 0 4px;font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--gold)}
h1{margin:0 0 4px;font-size:40px;font-weight:900;font-style:italic;color:var(--gold-hi);line-height:1.1}
.sub{margin:0 0 20px;color:var(--muted);font-size:15px}
label{display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:var(--gold);letter-spacing:.04em}
input{width:100%;font:inherit;font-size:16px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0b1710;color:var(--cream);margin-bottom:16px}
input:focus{outline:2px solid var(--gold-hi);outline-offset:1px;border-color:transparent}
button{width:100%;margin-top:6px;font:inherit;font-weight:900;font-size:17px;padding:14px;border:0;border-radius:12px;background:var(--gold-hi);color:#0E1D14;cursor:pointer}
button:disabled{opacity:.6}
.err{margin:0 0 16px;padding:10px 12px;border-radius:10px;background:rgba(244,163,163,.12);color:var(--bad);font-size:14px}
.foot{margin:16px 0 0;font-size:12px;color:var(--muted);text-align:center}