:root { color-scheme: dark; font-family: Inter, Arial, sans-serif; background:#090a0c; color:#f4f4f2; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at top,#252118,#090a0c 55%); }
.login-card { width:min(100%,420px); padding:38px; border:1px solid #34302a; border-radius:18px; background:#111214; box-shadow:0 24px 70px #0009; }
img { width:145px; height:auto; }
.eyebrow { margin:30px 0 7px; color:#c2a976; text-transform:uppercase; letter-spacing:.12em; font-size:12px; }
h1 { margin:0 0 28px; font-size:28px; }
form,label { display:grid; gap:8px; }
form { gap:18px; }
label { color:#c7c7c2; font-size:14px; }
input { width:100%; padding:13px 14px; border:1px solid #3b3b38; border-radius:9px; background:#0b0c0e; color:#fff; font:inherit; }
input:focus { outline:2px solid #b89a61; outline-offset:1px; }
button { padding:14px; border:0; border-radius:9px; background:#c5a66b; color:#111; font-weight:750; cursor:pointer; }
button:disabled { opacity:.6; }
#loginError { min-height:20px; margin:0; color:#ff9187; font-size:14px; }
a { display:inline-block; margin-top:25px; color:#aaa; text-decoration:none; font-size:14px; }