/* ============================================================
   IMPACT Learning Hub — auth pages
   Depends on style.css, layout.css
   ============================================================ */

.auth-wrap{
  min-height: calc(100vh - 76px - 220px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 48px;
}
.auth-panel{
  width: 100%;
  max-width: 420px;
}
.auth-panel h1{ font-size: var(--step-3); margin-bottom: 6px; }
.auth-panel .sub{ color: var(--ink-soft); margin-bottom: 24px; }
.auth-switch{
  margin-top: 20px;
  padding-top: 16px;
  border-top: var(--border);
  font-size: var(--step--1);
  text-align: center;
}