.thankyou-section {
  padding-top: var(--space-20);
  padding-bottom: var(--space-20);
  background:
    radial-gradient(circle at 20% 0, rgba(12, 212, 160, 0.18) 0, transparent 55%),
    radial-gradient(circle at 80% 0, rgba(255, 179, 71, 0.18) 0, transparent 55%),
    linear-gradient(160deg, #050608 0, #050608 40%, #070910 100%);
}

.thankyou-container {
  max-width: 640px;
  text-align: center;
}

.thankyou-header {
  margin-bottom: var(--space-8);
}

.thankyou-kicker {
  font-size: var(--font-size-xs);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.thankyou-title {
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
}

.thankyou-lead {
  font-size: var(--font-size-lg);
  color: var(--color-text-muted);
}

.thankyou-body {
  margin-bottom: var(--space-8);
  color: var(--color-text-muted);
}

.thankyou-body p {
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
}

.thankyou-actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  align-items: center;
  justify-content: center;
}

.thankyou-btn-primary {
  min-width: 220px;
}

.thankyou-btn-secondary {
  min-width: 220px;
}

@media (min-width: 640px) {
  .thankyou-actions {
    flex-direction: row;
  }
}