:root{--bg:#0e1317;--panel:#171d21;--line:#30373c;--ink:#f2f3f3;--muted:#a7afb4;--gold:#d9b65c;--red:#f1998f}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}body{min-height:100vh;background:radial-gradient(circle at 50% 0,#20292f 0,#11171b 38%,#0b0f12 100%)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.login-panel{width:min(440px,100%);background:rgba(23,29,33,.96);border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 24px 80px rgba(0,0,0,.38)}
.brand-wrap{display:flex;justify-content:center;padding-bottom:28px;border-bottom:1px solid #2b3236}.brand-wrap img{display:block;width:min(300px,82%);height:76px;object-fit:contain;object-position:center}
.login-copy{padding:28px 0 20px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:900;color:var(--gold);margin-bottom:9px}.login-copy h1{font-size:27px;line-height:1.1;margin:0;font-weight:850;letter-spacing:-.025em}.login-copy p{color:var(--muted);margin:9px 0 0}
form{display:grid;gap:15px}label{display:grid;gap:7px;color:#cfd4d6;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}input{width:100%;border:1px solid #4b555b;background:#0f1519;color:white;border-radius:9px;padding:12px 13px;outline:none;font:inherit}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,182,92,.13)}button{margin-top:3px;border:1px solid var(--gold);background:var(--gold);color:#111;border-radius:9px;padding:12px 14px;font-weight:900;letter-spacing:.04em;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.error{min-height:18px;color:var(--red);font-size:12px}.security-note{color:#7f898f;text-align:center;font-size:11px;margin-top:22px}
@media(max-width:520px){.login-shell{padding:16px}.login-panel{padding:24px}.brand-wrap img{height:62px}.login-copy h1{font-size:24px}}