.sign-in {
  margin-top: 4rem;
  padding: 2rem 1.75rem;
  background: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg, var(--radius));
  box-shadow: var(--shadow-md);
}

.sign-in__title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 2rem;
  margin: 0 0 0.25rem;
  color: var(--color-primary);
}

.sign-in__subtitle {
  margin: 0 0 1.5rem;
  color: color-mix(in srgb, var(--color-fg) 70%, transparent);
}

.sign-in input[type="submit"] {
  width: 100%;
  margin-top: 0.5rem;
}