/* Login page */

.login {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: var(--block-space-double) var(--content-padding);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-block-size: 80dvh;
  text-align: center;
}

.login__title {
  font-size: var(--text-2xl);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-block-end: var(--block-space-half);
}

.login__subtitle {
  font-size: var(--text-sm);
  color: var(--color-ink-medium);
  margin-block-end: var(--block-space-double);
}

.login__button {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-ink);
  background: var(--color-canvas);
  border: 1px solid var(--color-ink-light);
  border-radius: 99rem;
  padding: 0.5em 1.5em;
  cursor: pointer;
  transition: 100ms ease-out;
  transition-property: background-color, border-color, box-shadow;

  &:hover {
    filter: brightness(0.95);
  }
}