main {
  padding-top: var(--header-height, 56px);
}

.page--centered {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100dvh;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}

.page--full {
  display: flex;
  flex-direction: column;
  gap: var(--page-full-gap, 24px);
  padding-top: calc(var(--header-height, 56px) + 24px);
  padding-left: var(--page-full-padding-x, 24px);
  padding-right: var(--page-full-padding-x, 24px);
  padding-bottom: var(--page-full-padding-y, 24px);
  max-width: var(--page-full-max-width, 1200px);
  margin: 0 auto;
}

.container--centered {
  width: 100%;
  max-width: var(--container-centered-max-width, 600px);
  display: flex;
  flex-direction: column;
  gap: var(--container-centered-gap, 24px);
}

.auth-form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
}

.auth-form-container form {
  max-width: 380px;
}