.auth-page {
  min-height: 100vh;
}

.auth-shell {
  min-height: 100vh;
  padding: 56px 0 72px;
}

.auth-card {
  width: min(100%, 520px);
  margin: 0 auto;
  padding: clamp(24px, 5vw, 42px);
}

.auth-card h1 {
  margin-bottom: 12px;
  font-size: clamp(2.2rem, 6vw, 3.6rem);
}

.auth-card > .muted {
  margin-bottom: 26px;
}

.auth-form {
  margin-top: 24px;
}

.auth-back {
  display: inline-flex;
  margin-top: 24px;
  color: var(--muted);
  font-size: .86rem;
  text-decoration: none;
}

.auth-back:hover {
  color: var(--text);
}

.account-shell {
  min-height: 100vh;
  padding-top: 76px;
}

.account-shell > .auth-back {
  margin-top: 0;
  margin-bottom: 34px;
}

.account-shell .account-header {
  margin-bottom: 24px;
}

.account-shell .account-section {
  padding-top: 0;
}

@media (max-width: 650px) {
  .auth-shell {
    padding-top: 28px;
  }

  .account-shell {
    padding-top: 32px;
  }
}