.auth-card {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--gray-100);
  padding: 1rem 2rem;
  max-width: calc(100vw - 6rem);
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: none;
  gap: 0.5rem;
  box-shadow: 0 0.5rem 2rem -1rem color-mix(in srgb, var(--background) 75%, black);
}

.auth-card div {
  max-width: 100%;
  width: 20rem;
  display: flex;
  flex-direction: column;
}

.auth-card input[type="submit"] {
  margin-top: 1rem;
}