.thankyou-main {
  display: flex;
  min-height: calc(100vh - 6rem);
  align-items: center;
}

.thankyou-shell {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.thankyou-inner {
  padding: var(--space-xl) var(--space-xl) var(--space-lg);
  text-align: center;
}

.thankyou-chip {
  margin-bottom: var(--space-md);
}

.thankyou-title {
  font-size: clamp(2rem, 1.7rem + 1vw, 2.6rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--space-md);
}

.thankyou-lead {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  margin-bottom: var(--space-sm);
}

.thankyou-next {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-muted);
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--space-lg);
}

.thankyou-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-sm);
}

.thankyou-btn-main {
  min-width: 190px;
}

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

@media (max-width: 768px) {
  .thankyou-main {
    min-height: calc(100vh - 4rem);
  }

  .thankyou-inner {
    padding: var(--space-lg) var(--space-md);
  }

  .thankyou-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .thankyou-btn-main,
  .thankyou-btn-secondary {
    width: 100%;
  }
}