.thankyou-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - var(--header-height) - 6rem);
}
.thankyou-ticket {
  position: relative;
  max-width: var(--container-sm);
  margin-inline: auto;
  border-radius: 1.75rem;
  padding: var(--space-xl);
  background: radial-gradient(circle at top, rgba(248, 113, 113, 0.32), transparent 60%), var(--color-bg-elevated);
  box-shadow: 0 26px 70px var(--color-shadow-strong), 0 0 40px var(--color-shadow-red);
  border: 1px solid rgba(248, 250, 252, 0.2);
  backdrop-filter: blur(var(--blur-glass-soft));
  -webkit-backdrop-filter: blur(var(--blur-glass-soft));
}
.thankyou-ticket::before {
  content: "";
  position: absolute;
  inset: 1.1rem;
  border-radius: 1.25rem;
  border: 1px dashed rgba(248, 250, 252, 0.35);
  pointer-events: none;
}
.thankyou-ticket-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1.1fr);
  gap: var(--space-xl);
  align-items: flex-start;
}
@media (max-width: 899.98px) {
  .thankyou-ticket-inner {
    grid-template-columns: minmax(0, 1fr);
  }
}
.thankyou-kicker {
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-muted);
  margin-bottom: var(--space-xs);
}
.thankyou-title {
  font-size: var(--text-3xl);
  line-height: var(--leading-tight);
  margin-bottom: var(--space-md);
}
@media (min-width: 768px) {
  .thankyou-title {
    font-size: var(--text-4xl);
  }
}
.thankyou-lead {
  font-size: var(--text-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-text-soft);
  margin-bottom: var(--space-md);
}
.thankyou-text {
  font-size: var(--text-md);
  line-height: var(--leading-relaxed);
  color: var(--color-text-soft);
  margin-bottom: var(--space-lg);
}
.thankyou-footer {
  border-top: 1px dashed rgba(148, 163, 184, 0.45);
  padding-top: var(--space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.thankyou-meta {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.thankyou-label {
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-muted);
}
.thankyou-value {
  font-size: var(--text-sm);
  color: var(--color-text-soft);
}
.thankyou-actions {
  margin-top: var(--space-xs);
}
.thankyou-aside {
  align-self: stretch;
  padding: var(--space-lg);
  border-radius: var(--radius-lg);
  background: radial-gradient(circle at top, rgba(248, 113, 113, 0.25), transparent 65%), var(--color-bg-glass);
  border: 1px solid var(--color-border-accent);
  box-shadow: var(--shadow-soft);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}
.thankyou-aside-label {
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-muted);
}
.thankyou-aside-value {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  letter-spacing: var(--tracking-tight);
  color: var(--color-accent-soft);
}
.thankyou-aside-meta {
  font-size: var(--text-sm);
  color: var(--color-text-soft);
}
.thankyou-aside-note {
  margin-top: var(--space-sm);
  padding-top: var(--space-sm);
  border-top: 1px dashed rgba(148, 163, 184, 0.4);
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}
@media (max-width: 599.98px) {
  .thankyou-ticket {
    padding: var(--space-lg);
  }
  .thankyou-ticket::before {
    inset: 0.9rem;
  }
}