/* ===== Thank You page (no header/footer) ===== */
.thankyou-section{
  position: relative;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 56px 0;
  isolation: isolate;
  overflow: hidden;
}

/* soft rainy background */
.thankyou-section::before{
  content:"";
  position:absolute; inset:0; z-index:-2; pointer-events:none; opacity:.5;
  background:
    radial-gradient(900px 600px at 110% -20%, rgba(58,160,255,.16), transparent 60%),
    radial-gradient(800px 500px at -20% 120%, rgba(255,210,77,.10), transparent 60%);
}
.thankyou-section::after{
  content:"";
  position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.45;
  background: repeating-linear-gradient(180deg, rgba(255,255,255,.06) 0 2px, transparent 2px 16px);
  animation: tyRain 18s linear infinite;
  filter: blur(.15px);
}
@keyframes tyRain{ to{ background-position: 0 800px; } }

.thankyou-container{
  text-align:center;
  max-width: 70ch;
  padding: 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 34px rgba(0,0,0,.28);
  transform: translateY(8px);
  opacity:0;
  animation: tyReveal .7s ease forwards;
}
@keyframes tyReveal{
  to{ transform:none; opacity:1; }
}

.thankyou-title{
  margin:0 0 8px;
  font-size: clamp(24px, 4.5vw, 36px);
}
.thankyou-message{
  margin:0 0 14px;
  color:#dbe6fb;
}

/* Make CTA fill width on narrow screens */
@media (max-width: 560px){
  .thankyou-container .cta-button{ display:block; width:100%; }
}