.registration-section {
  background: var(--portal-surface-soft);
  min-height: calc(100vh - 10rem);
}

.registration-card {
  background: #fff;
}

.registration-shell {
  background: #fff;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius);
  box-shadow: var(--portal-shadow);
  max-width: 62rem;
  overflow: hidden;
}

.registration-art {
  background: #fff;
  border-right: 1px solid rgb(0 0 0 / 7%);
}

.registration-kicker {
  color: var(--portal-primary);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.registration-artwork {
  display: block;
  margin-inline: auto;
  max-height: 18rem;
  width: min(100%, 25rem);
}

.registration-success {
  max-width: 32rem;
  padding-block: 2rem;
}

.registration-success-icon {
  align-items: center;
  background: #e8f7ee;
  border-radius: 50%;
  color: #198754;
  display: flex;
  font-size: 1.5rem;
  font-weight: 700;
  height: 3.5rem;
  justify-content: center;
  margin-bottom: 1.25rem;
  width: 3.5rem;
}

.field-validation-error {
  display: block;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.validation-summary-valid {
  display: none;
}

@media (max-width: 991.98px) {
  .registration-art {
    border-right: 0;
    border-top: 1px solid rgb(0 0 0 / 7%);
  }
}