.thankyou-btn {align-items:center; border-radius:999px; border:1px solid transparent; cursor:pointer; display:inline-flex; font-size:14px; justify-content:center; padding:12px 26px; text-decoration:none; transition:background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; display:inline-flex; align-items:center; justify-content:center; padding:12px 26px; border-radius:999px; font-size:14px; text-decoration:none; border:1px solid transparent; cursor:pointer; transition:background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;}
.thankyou-btn--outline {background-color:transparent; border-color:#3a3f4a; color:#ffffff; background-color:transparent; color:#ffffff; border-color:#3a3f4a;}
.thankyou-btn--outline:hover {background-color:#151922; background-color:#151922;}
.thankyou-btn--primary {background-color:#00b96b; border-color:#00b96b; box-shadow:0 12px 32px rgba(0,185,107,0.35); color:#020404; background-color:#00b96b; color:#020404; border-color:#00b96b; box-shadow:0 12px 32px rgba(0,185,107,0.35);}
.thankyou-btn--primary:hover {background-color:#02a15e; border-color:#02a15e; background-color:#02a15e; border-color:#02a15e;}
.thankyou-buttons {display:flex; flex-wrap:wrap; gap:16px; justify-content:center; display:flex; justify-content:center; gap:16px; flex-wrap:wrap;}
.thankyou-card {background-color:#0b0f13; border-radius:18px; box-shadow:0 24px 60px rgba(0,0,0,0.75); max-width:520px; padding:40px 40px 32px; text-align:center; width:100%; max-width:520px; width:100%; background-color:#0b0f13; border-radius:18px; padding:40px 40px 32px; text-align:center; box-shadow:0 24px 60px rgba(0,0,0,0.75);}
.thankyou-countdown {color:#7a8090; font-size:13px; margin-bottom:28px; font-size:13px; color:#7a8090; margin-bottom:28px;}
.thankyou-countdown span {font-weight:600; font-weight:600;}
.thankyou-icon {align-items:center; background-color:#07281a; border-radius:999px; display:flex; height:80px; justify-content:center; margin:0 auto 24px; width:80px; width:80px; height:80px; border-radius:999px; background-color:#07281a; margin:0 auto 24px; display:flex; align-items:center; justify-content:center;}
.thankyou-icon span {color:#1dd075; font-size:36px; font-size:36px; color:#1dd075;}
.thankyou-page {background-color:#050608; color:#ffffff; background-color:#050608; color:#ffffff;}
.thankyou-subtitle {color:#a3a8b5; font-size:15px; margin-bottom:20px; font-size:15px; color:#a3a8b5; margin-bottom:20px;}
.thankyou-title {font-size:26px; font-weight:600; margin-bottom:10px; font-size:26px; font-weight:600; margin-bottom:10px;}
.thankyou-wrapper {align-items:center; display:flex; justify-content:center; min-height:calc(100vh - 160px); padding:60px 20px; min-height:calc(100vh - 160px); display:flex; align-items:center; justify-content:center; padding:60px 20px;}
.thankyou-icon {
  background: rgba(var(--primary-rgb), .14) !important;
}
.thankyou-icon span {
  color: var(--primary) !important;
}