.portal-shell--auth {
  display: grid;
  grid-template-rows: 75px minmax(0, 1fr) 75px;
  width: 100%;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
  background: var(--sto-portal-shell-body-bg);
}

.auth-shell__header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  height: 100%;
  padding-inline: 24px;
  background: var(--sto-portal-shell-white);
  border-bottom: 1px solid #e0e0e0;
}

.auth-shell__header-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-height: 65px;
  column-gap: 24px;
  row-gap: 24px;
}

.auth-shell__main {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 32px 24px;
  background: var(--sto-portal-shell-body-bg);
}

.auth-shell__content {
  width: 100%;
  max-width: 500px;
  margin: auto;
  padding: 24px;
  background: var(--sto-portal-shell-white);
  border: 1px solid #e0e0e0;
  border-radius: 24px;
}

.auth-shell__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 12px 24px;
  background: var(--sto-portal-shell-white);
  border-top: 1px solid #e0e0e0;
}