.sign-up-wrapper {
  --min-column-size: 34rem;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(min(var(--min-column-size), 100%), 1fr));

  background-color: var(--secondary-color);
  padding: 3rem;
  border-radius: 10px;
}


:is(.sign-up-title, .sign-up-wrapper, .sign-up-wrapper a) {
  color: #fff;
}

.sign-up-content {
  align-content: center;
}

.sign-up-description p:last-child {
  margin-bottom: 0;
}

.sign-up-title {
  font-size: var(--font-size-xxl);
}

.sf-form > * {
  margin-bottom: 1rem;
}

.sf-form button {
  border-radius: 8px;
}