.auth-page {
  padding: 60px 0 100px;
}

.auth-page__container {
  display: flex;
  justify-content: center;
}

.auth-card {
  width: min(520px, 100%);
  padding: 34px;

  background: var(--color-surface);
  border: 1px solid #eef2f7;
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

.auth-card__actions {
  margin-top: 24px;
}

.auth-card--wide {
  width: min(860px, 100%);
}

.auth-card h1 {
  margin-bottom: 12px;
  
  font-size: 42px;
}

.auth-card p {
  color: var(--color-text-light);
}

.auth-card__footer {
  margin-top: 24px;
}

.auth-card__footer a {
  color: var(--color-text-light);

  font-weight: 700;

  transition: var(--transition);
}

.auth-card__footer a:hover {
  color: var(--color-primary);
}

.resend-form {
  margin-top: 14px;
}

.resend-form .button {
  width: 100%;
}

@media (max-width: 560px) {
  .auth-page {
    padding: 40px 0 70px;
  }

  .auth-card {
    padding: 22px;

    border-radius: 18px;
  }

  .auth-card h1 {
    font-size: 32px;
  }
}