body {
  height: 100dvh;
}

#content {
  height: calc(100dvh - 124px);

  overflow: auto;

  padding: 1.25rem;
}

#auth-card-content {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 100%;
}

.auth-card {
  gap: 1.5rem;
}

h1 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

.form {
  margin-top: 0.5rem;
  gap: 1.5rem;
}

#forgot-password-link {
  margin-left: auto;

  color: #4d77f3;
  font-size: 0.875rem;
  font-weight: 500;
}

#redirect-to-registration {
  color: #444b62;
  font-size: 0.875rem;
}

#redirect-to-registration a {
  color: #4d77f3;
  font-weight: 500;
}

#wrapper {
  position: relative;
}

#success-card {
  position: fixed;
  right: 1rem;
}

@media (max-width: 75rem) {
  #content {
    height: calc(100dvh - 157px);
  }
}

@media (max-width: 37.5rem) {
  h1 {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}