.main-content {
  place-items: start center;
}

.sign-up-panel {
  width: min(100%, 480px);
  margin-block: auto;
}

.sign-up-panel .form-stack {
  gap: 10px;
}

.sign-up-panel .form-field {
  gap: 6px;
}

.sign-up-panel .form-error {
  min-height: 0;
}

.sign-up-panel .form-error:not(:empty) {
  min-height: 1.25em;
}

.sign-up-panel .form-message {
  margin: 2px 0 0;
}

.sign-up-panel .form-message.is-error:not(:empty) {
  margin-bottom: 8px;
}

.sign-up-panel .form-actions {
  margin-top: 4px;
}

.step-label {
  margin: 6px 0 12px;
  color: var(--color-text);
  font-size: 0.91rem;
  font-weight: 400;
  letter-spacing: 0.16em;
}

.confirmation-destination {
  overflow-wrap: anywhere;
  color: var(--color-text);
  font-weight: 400;
}

.confirmation-code-input {
  letter-spacing: 0.12em;
  text-align: center;
}

@media (max-width: 520px) {
  .sign-up-panel {
    padding: 32px 24px;
  }
}