.form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.errorMsg {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-sm);
  color: var(--ppt-danger);
  font-weight: var(--fw-medium);
}

.successState {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-8);
  text-align: center;
}

.successIcon {
  color: var(--ppt-success);
}

.successText {
  font-size: var(--text-sm);
  color: var(--ppt-text-muted);
  max-width: 360px;
  line-height: var(--lh-relaxed);
  margin: 0 auto;
}