:root{
  --bg:#0f1418;--card:#0f1a22;--ink:#e8e3da;--muted:#a9a39a;--line:rgba(255,255,255,.08);
}
html,body{height:100%}body{background:var(--bg);color:var(--ink);font:16px/1.4 system-ui,Segoe UI,Roboto,Inter,Arial}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
.btn{border-radius:999px;border:1px solid var(--line);padding:8px 14px;background:transparent;color:var(--ink)}
.btn.primary{background:#363636;border-color:#4a4a4a}
.auth-shell{padding:0 24px 10vh}
.split{display:grid;grid-template-columns:1fr minmax(0,1px) 1fr;gap:64px;align-items:start;max-width:1160px;margin:6vh auto 0}
.vline{width:1px;background:var(--line);min-height:520px;height:100%}
.auth-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 8px 32px rgba(0,0,0,.35);max-width:460px;width:100%}
.auth-card h1{font-size:44px;line-height:1.1;margin:6px 0 24px;font-weight:800;letter-spacing:.4px}
label{display:block;margin:14px 0;color:var(--muted)}label input, label select{width:100%;margin-top:6px;background:#0b1318;border:1px solid var(--line);border-radius:10px;padding:12px 12px;color:var(--ink)}
.form-msg{margin-top:8px;color:#ffb4b4}
@media (max-width:980px){.split{grid-template-columns:1fr;gap:28px}.vline{display:none}.auth-shell{padding-top:4vh}}