/* Auth layout & forms - uses brand tokens */
.auth{ display:grid; place-items:center; padding: 48px 0; }
.auth__card{ width:min(520px, 92vw); }
.auth__header{ margin-bottom: 8px; }
.auth__title{ font-size: 1.6rem; }
.auth__sub{ color: var(--text-muted); margin: 0; }

.form{ display:flex; flex-direction:column; gap: 14px; }
.form__group{ display:flex; flex-direction:column; gap: 6px; }
.form__label{ font-weight: 600; color: var(--text); }
.form__control{
  padding: 10px 12px; border:1px solid var(--border); border-radius: var(--radius-sm);
  background: var(--bg-surface); color: var(--text);
}
.form__control:focus{ outline: 3px solid #6ea8fe; outline-offset: 2px; }
.form__error{ color: #b91c1c; font-size: .9rem; }
.form__row{ display:flex; align-items:center; justify-content:space-between; }
.form__check{ display:flex; align-items:center; gap:8px; color: var(--text); }
.form__actions{ display:flex; gap:10px; flex-wrap:wrap; }
.form__link{ text-decoration:none; color: var(--pri); font-weight:600; }
.muted{ color: var(--text-subtle); }