/* Login (split gate), signup, forgot */

.auth-box{
  width: min(100%, 400px); margin: 48px auto 40px;
  border: 1px solid var(--gold-dim); border-radius: 18px;
  padding: 28px 22px; background: #fff;
}
.auth-box h1{margin: 0 0 6px; font-size: 24px; text-align: center; font-family: var(--font-serif); color: var(--burgundy)}
body.site.lang-ur .auth-box h1{font-family: var(--ur)}
.auth-box .sub{text-align: center; margin-bottom: 20px}
.auth-links{text-align: center; margin-top: 16px; font-size: 14px}
.auth-links a{color: var(--burgundy)}

/* ── split login gate ─────────────────────────────────── */
body.auth-gate{min-height:100dvh}
body.auth-gate .lang-switch.floating{
  background:rgba(250,247,240,.94);
  border-color: rgba(92,30,43,.16);
}

.lg{
  min-height:100dvh;
  display:grid;
  grid-template-columns: minmax(0,1.05fr) minmax(280px,.95fr);
}
.lg-brand{
  display:flex;flex-direction:column;
  padding:48px 48px 36px;
  background:
    radial-gradient(70% 50% at 0% 0%, rgba(250,247,240,.16), transparent 58%),
    radial-gradient(50% 40% at 100% 100%, rgba(0,0,0,.18), transparent 55%),
    var(--burgundy);
  color: var(--cream-2);
}
.lg-logo{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:2px;margin-bottom:36px}
.lg-mark{
  font-family:var(--font-script);font-size:48px;font-weight:400;line-height:1;color:var(--cream-2);
}
.lg-tag{
  font-family:var(--font-serif);font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.72;
}
body.auth-gate.lang-ur .lg-tag{font-family:var(--ur);letter-spacing:0;text-transform:none;font-size:14px}
.lg-kicker{
  margin:0 0 10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;
}
body.auth-gate.lang-ur .lg-kicker{letter-spacing:0;text-transform:none;font-size:14px}
.lg-pitch{
  margin:0;font-size:28px;line-height:1.35;font-weight:600;max-width:22ch;
  font-family:var(--font-serif);color:var(--cream-2);
}
body.auth-gate.lang-ur .lg-pitch{font-family:var(--ur);font-size:26px}
.lg-lead{margin:14px 0 0;font-size:16px;line-height:1.7;max-width:36ch;opacity:.86}
.lg-brand-foot{margin-top:auto;padding-top:36px;display:flex;flex-wrap:wrap;gap:10px}
body.auth-gate .lg-brand .btn{
  color:var(--cream-2);border-color:rgba(250,247,240,.35);min-height:42px;
}
body.auth-gate .lg-brand .btn:hover{background:rgba(250,247,240,.1)}

.lg-form-col{
  display:grid;place-items:center;
  padding:48px 28px;
  background:var(--cream);
}
.lg-card{
  width:min(100%, 400px);
  background:#fff;
  border:1px solid var(--gold-dim);
  border-radius:22px;
  padding:32px 28px;
  box-shadow: var(--shadow);
}
.lg-card h1{
  margin:0;font-size:26px;color:var(--burgundy);
  font-family:var(--font-serif);text-align:center;
}
body.auth-gate.lang-ur .lg-card h1{font-family:var(--ur)}
.lg-sub{margin:8px 0 22px}
.lg-input{position:relative}
.lg-input input{padding-inline-end:44px}
.lg-ico,.lg-eye{
  position:absolute;inset-inline-end:10px;top:50%;translate:0 -50%;
  width:22px;height:22px;color:var(--muted);pointer-events:none;
}
.lg-ico svg,.lg-eye svg{width:100%;height:100%;display:block}
.lg-eye{
  width:38px;height:38px;padding:0;border:0;border-radius:10px;
  background:transparent;cursor:pointer;pointer-events:auto;
}
.lg-eye:hover{color:var(--burgundy);background:rgba(92,30,43,.06)}
.lg-eye.is-on{color:var(--burgundy)}
.lg-row{display:flex;justify-content:flex-end;margin:-6px 0 16px;font-size:14px}
.lg-row a{color:var(--burgundy);text-decoration:none}
.lg-row a:hover{text-decoration:underline}
.lg-after{text-align:center;margin:18px 0 10px;font-size:14px;color:var(--muted)}
.lg-card > .btn + .btn{margin-top:12px}

@media (max-width:820px){
  .lg{grid-template-columns:1fr}
  .lg-brand{padding:28px 22px 22px;min-height:0}
  .lg-mark{font-size:36px}
  .lg-pitch{font-size:22px;max-width:none}
  .lg-brand-foot{padding-top:18px}
  .lg-form-col{padding:8px 16px 32px;align-items:start}
  .lg-card{padding:24px 20px}
}