:root {
  --login-bg:#0a0d12;
  --login-surface:#151b24;
  --login-surface-2:#1b222d;
  --login-border:#2a3441;
  --login-text:#edf2f7;
  --login-muted:#96a3b3;
  --login-accent:#22c3df;
  --login-blue:#4d8ee8;
}
body {
  background:var(--login-bg) !important;
  color:var(--login-text) !important;
  font-family:Inter, "Segoe UI", Arial, sans-serif !important;
}
#js-particles { display:none !important; }
.login-wrapper { padding:24px !important; }
.login-card {
  max-width:390px !important;
  padding:28px !important;
  background:var(--login-surface) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:8px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.35) !important;
}
.login-logo {
  width:64px;
  height:64px;
  margin:0 auto 18px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid var(--login-border);
  border-radius:8px;
  background:var(--login-surface-2);
}
.login-logo img { max-width:82% !important; max-height:82%; object-fit:contain; }
.login-title {
  margin-bottom:22px !important;
  background:none !important;
  color:var(--login-text) !important;
  -webkit-text-fill-color:initial !important;
  font-size:.9rem !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
.form-label { color:#c8d3de !important; font-size:.73rem !important; font-weight:600; }
.form-control-lg {
  min-height:42px;
  padding:9px 11px !important;
  border:1px solid var(--login-border) !important;
  border-radius:5px !important;
  background:#0f141b !important;
  color:var(--login-text) !important;
  font-size:.8rem !important;
  box-shadow:none !important;
}
.form-control-lg:focus {
  border-color:var(--login-accent) !important;
  background:#0f141b !important;
  box-shadow:0 0 0 3px rgba(34,195,223,.1) !important;
}
.btn-login {
  min-height:42px;
  border-radius:5px !important;
  background:var(--login-blue) !important;
  color:#fff !important;
  box-shadow:none !important;
  font-size:.76rem !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
.btn-login:hover { background:#66a0ec !important; box-shadow:none !important; }
.login-footer { color:var(--login-muted) !important; font-size:.7rem !important; }

/* Gold light theme */
:root {
  --login-bg:#f2f0e9;
  --login-surface:#fffdf8;
  --login-surface-2:#f6f1e5;
  --login-border:#d7c9ad;
  --login-text:#302b21;
  --login-muted:#756b59;
  --login-accent:#b8862d;
  --login-blue:#b8862d;
}
.login-card { box-shadow:0 24px 70px rgba(75,60,32,.16) !important; }
.form-label { color:#685d4a !important; }
.form-control-lg { background:#fff !important; }
.form-control-lg:focus { background:#fff !important; box-shadow:0 0 0 3px rgba(184,134,45,.12) !important; }
.btn-login:hover { background:#9c7023 !important; }

.login-title { color:#211d16 !important; }
.form-label { color:#544a39 !important; font-weight:700 !important; }
.form-control-lg { color:#211d16 !important; }
.form-control-lg::placeholder { color:#887c68 !important; opacity:1; }
.login-footer { color:#685e4d !important; }