/* TitanHaul — Thank You page (no header/footer here) */

.thankyou-section{
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 64px 0;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(1100px 700px at 15% -10%, rgba(255,230,109,.28), transparent 70%),
    radial-gradient(1000px 800px at 90% 10%, rgba(16,185,129,.20), transparent 70%),
    linear-gradient(180deg, #f9fde9 0%, #eefbe9 45%, #fbf6d9 100%);
}

/* decorative dashed belt (contained) */
.thankyou-section::before{
  content:"";
  position:absolute; left:0; right:0; top:calc(8px);
  height:12px;
  background: repeating-linear-gradient(
    90deg,
    rgba(14,159,110,.20) 0 26px,
    rgba(14,159,110,.45) 26px 46px,
    rgba(14,159,110,.20) 46px 66px
  );
  mask-image: linear-gradient(180deg, #000 0 40%, transparent 100%);
}

.thankyou-container{
  max-width: 820px;
  margin-inline: auto;
  text-align: center;
  background: rgba(255,255,255,.78);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: clamp(18px, 3vw, 32px);
  box-shadow: var(--shadow-lg);
  position: relative;
}

/* subtle floating dots */
.thankyou-container::after{
  content:"";
  position:absolute; right:-40px; bottom:-40px; width:220px; height:220px;
  border-radius:50%;
  border:2px dashed rgba(14,159,110,.35);
  filter: blur(.2px);
  animation: spinSlow 28s linear infinite;
}
@keyframes spinSlow{ to{ transform: rotate(360deg); } }

.thankyou-title{
  margin: 0 0 10px;
  font-size: clamp(1.6rem, 1.1rem + 2.2vw, 2.6rem);
  line-height: 1.15;
  background: linear-gradient(135deg, #083344 0%, #0E9F6E 35%, #FFD642 95%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.thankyou-message{
  margin: 0 0 16px;
  color: var(--muted);
  max-width: 68ch;
  margin-inline: auto;
}

/* reuse global .cta-button; add spacing here */
.cta-button{ margin-top: 4px; }

/* responsive tweaks */
@media (max-width: 780px){
  .thankyou-section{ padding: 40px 0; }
  .thankyou-container::after{ display:none; }
}