.screen-login {
  justify-content: center;
  padding-right: var(--screen-gutter-login);
  padding-left: var(--screen-gutter-login);
}

.login-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-14px);
  margin-bottom: var(--space-10);
}

.login-title {
  font-size: var(--text-display);
  letter-spacing: var(--tracking-display);
  line-height: 1;
}

.login-subtitle {
  font-size: var(--text-metric);
  font-weight: var(--weight-medium);
  color: var(--muted);
}

.login-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-10px);
  margin-bottom: var(--login-bottom-space);
}

.login-form .cta {
  margin-top: var(--space-2);
}

.login-error {
  font-size: var(--text-small);
  color: var(--bad);
}