:root{--bg:#0e0d0a;--surface:#1a1813;--border:#2e2a20;--text:#f0ece4;--muted:#9c9486;--brand:#d9a441;--brand-h:#e8b860}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}.wrap{max-width:960px;margin:0 auto;padding:0 24px}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.brand{font-weight:700;font-size:18px;letter-spacing:.5px}.btn{display:inline-block;padding:10px 18px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-h)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.hero{padding:96px 0 64px;text-align:center}.hero h1{font-size:44px;line-height:1.1;margin-bottom:16px}.hero p{font-size:18px;color:var(--muted);max-width:560px;margin:0 auto 28px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px}.center{min-height:100vh;display:grid;place-items:center}label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:8px;margin-bottom:18px;font-size:14px}input:focus{outline:none;border-color:var(--brand)}.err{background:rgba(220,38,38,.12);border:1px solid rgba(220,38,38,.3);color:#f87171;padding:10px 14px;border-radius:8px;font-size:14px;margin-top:14px}.muted{color:var(--muted);font-size:13px}