body {
  background: radial-gradient(circle at 0 0, rgba(124, 58, 237, 0.12), transparent 55%), radial-gradient(circle at 100% 100%, rgba(196, 181, 253, 0.18), transparent 55%), #FAF8FF;
}
.thankyou {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 8rem);
}
.thankyou-shell {
  padding: var(--space-2xl) var(--space-2xl);
  border-radius: var(--radius-card-lg);
  background: radial-gradient(circle at 0 0, rgba(124, 58, 237, 0.18), transparent 55%), radial-gradient(circle at 100% 100%, rgba(196, 181, 253, 0.25), transparent 55%), rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(233, 213, 255, 0.9);
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.16);
  text-align: center;
}
.thankyou-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.15rem 0.8rem;
  margin-bottom: var(--space-sm);
  border-radius: var(--radius-pill);
  border: 1px solid rgba(124, 58, 237, 0.35);
  background: rgba(124, 58, 237, 0.06);
  font-size: var(--font-size-xs);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6B7280;
}
.thankyou-title {
  font-size: var(--font-size-3xl);
  margin-bottom: var(--space-md);
  color: #312E81;
}
.thankyou-lead {
  font-size: var(--font-size-md);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--space-md);
  color: #1F2937;
}
.thankyou-text {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--space-sm);
  color: #4B5563;
}
.thankyou-actions {
  margin-top: var(--space-xl);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-md);
}
.thankyou-primary-cta {
  min-width: 14rem;
}
.thankyou-secondary-ctas {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-md);
}
.thankyou-secondary-ctas .btn-link {
  color: #7C3AED;
}
.thankyou-secondary-ctas .btn-link:hover {
  color: #4C1D95;
}
@media (max-width: 768px) {
  .thankyou {
    min-height: calc(100vh - 6rem);
  }
  .thankyou-shell {
    padding: var(--space-xl) var(--space-lg);
    border-radius: var(--radius-card);
  }
  .thankyou-title {
    font-size: var(--font-size-2xl);
  }
}
@media (max-width: 480px) {
  .thankyou-shell {
    padding: var(--space-lg) var(--space-md);
  }
  .thankyou-actions {
    gap: var(--space-sm);
  }
}