/* --- overrides for white content pages & spacing --- */
body { background: var(--bg); }
.container { max-width: 1100px; margin: 24px auto; padding: 0 16px; }
.card { background: var(--white); border-radius: 16px; box-shadow: 0 6px 20px rgba(0,0,0,.06); padding: 18px; margin-bottom: 18px; }

/* responsive auth-card */
@media (max-width: 920px) {
  .auth-card { grid-template-columns: 1fr; }
  .auth-left { min-height: 200px; }
}