.thank-you-main {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - var(--header-height));
}

.thank-you-shell {
  margin: 0 auto;
  text-align: center;
  max-width: 40rem;
  padding: clamp(var(--space-5), 6vw, var(--space-8));
  background: radial-gradient(circle at 0% 0%, rgba(37, 99, 235, 0.12), transparent 55%), radial-gradient(circle at 100% 0%, rgba(236, 72, 153, 0.12), transparent 55%), rgba(249, 250, 251, 0.95);
  position: relative;
}

.thank-you-shell::before {
  content: "";
  position: absolute;
  inset: 0.1rem;
  border-radius: inherit;
  background: radial-gradient(circle at 0% 0%, rgba(37, 99, 235, 0.2), transparent 60%), radial-gradient(circle at 100% 0%, rgba(236, 72, 153, 0.2), transparent 60%), radial-gradient(circle at 50% 100%, rgba(34, 211, 238, 0.18), transparent 55%);
  opacity: 0.55;
  mix-blend-mode: soft-light;
  pointer-events: none;
}

.thank-you-shell > * {
  position: relative;
}

.thank-you-shell__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.85rem;
  border-radius: var(--radius-full);
  background-color: var(--color-primary-soft);
  color: var(--color-primary-strong);
  margin: 0 auto var(--space-4);
}

.thank-you-shell__title {
  font-size: clamp(2.1rem, 4vw, 2.8rem);
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent), var(--color-secondary));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-bottom: var(--space-3);
}

.thank-you-shell__lead {
  max-width: 32rem;
  margin: 0 auto var(--space-4);
}

.thank-you-shell__next {
  max-width: 30rem;
  margin: 0 auto var(--space-6);
}

.thank-you-shell__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.thank-you-shell__btn-main {
  min-width: 13rem;
}

.thank-you-shell__btn-secondary {
  min-width: 11rem;
}

.thank-you-shell__meta {
  max-width: 32rem;
  margin: 0 auto;
}

@media (max-width: 767.98px) {
  .thank-you-main {
    align-items: flex-start;
  }

  .thank-you-shell {
    padding: var(--space-5) var(--space-4);
  }

  .thank-you-shell__actions {
    flex-direction: column;
  }

  .thank-you-shell__btn-main,
  .thank-you-shell__btn-secondary {
    width: 100%;
  }
}