:root {
  --auth-bg1:#0ea5e9; --auth-bg2:#2563eb; --muted:#667085;
}
.auth-hero{
  background: radial-gradient(1200px 400px at 10% -10%, #38bdf8 0%, transparent 60%),
              linear-gradient(135deg,var(--auth-bg1) 0%, var(--auth-bg2) 100%);
  color:#fff; border-radius:16px; padding:28px; margin-bottom:22px;
}
.auth-hero .title{ font-size:22px; font-weight:800; margin:0 0 6px; }
.auth-hero .sub{ opacity:.95; margin:0; }
.auth-cta{ margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; }
.btn-ghost-light{ background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.2); }
.btn-ghost-light:hover{ background:rgba(255,255,255,.2); color:#fff; }

.auth-card{ border-radius:14px; box-shadow:0 1px 2px rgba(16,24,40,.08); border:0; }
.auth-card .card-body{ padding:22px; }
.small-muted{ color:#667085; font-size:12px; }