/* Страница входа */
.auth {
  min-height: 100dvh;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 28px;
  padding: calc(32px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));
}

.auth__brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

.auth__mark {
  width: 52px;
  height: 52px;
  color: var(--cyan);
  filter: drop-shadow(0 0 10px rgba(0, 229, 255, 0.6));
}

.auth__mark svg {
  width: 100%;
  height: 100%;
}

.auth__name {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 30px;
  letter-spacing: 0.16em;
  text-shadow: 0 0 22px rgba(0, 229, 255, 0.5);
}

.auth__name small {
  margin-left: 6px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.3em;
  color: var(--cyan);
  vertical-align: super;
}

.auth__panel {
  width: min(400px, calc(100vw - 32px));
}

.auth__title {
  margin: 6px 0 4px;
  font-size: 28px;
  font-weight: 800;
}

.auth__submit {
  width: 100%;
  margin-top: 4px;
}

.auth__hint {
  font-size: 13px;
  color: var(--text-dim);
  text-align: center;
}