/* =====================================================================
   TRADERCAB — premium "Payment Successful" celebration popup + confetti.
   Self-contained: no external libraries, no network. Replaces the plain
   browser alert() after a verified payment. Exposes window.tcCelebrate.
   ===================================================================== */
.tcc-back{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:20px;
  background:radial-gradient(ellipse at 50% 28%,rgba(26,14,58,0.86) 0%,rgba(5,7,10,0.92) 60%,rgba(2,2,8,0.96) 100%);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .35s ease}
.tcc-back.tcc-show{opacity:1}
.tcc-canvas{position:fixed;inset:0;z-index:100004;pointer-events:none}
.tcc-card{position:relative;z-index:100003;width:100%;max-width:440px;text-align:center;padding:2px;border-radius:26px;
  background:linear-gradient(135deg,#7C5CFC 0%,#A78BFA 35%,#22c55e 100%);
  box-shadow:0 30px 90px rgba(0,0,0,0.7),0 0 60px rgba(124,92,252,0.35);
  transform:translateY(16px) scale(.92);opacity:0;
  transition:transform .55s cubic-bezier(.2,.9,.25,1.2),opacity .4s ease}
.tcc-back.tcc-show .tcc-card{transform:translateY(0) scale(1);opacity:1}
.tcc-inner{background:linear-gradient(180deg,#10101e 0%,#0a0a12 100%);border-radius:24px;padding:36px 30px 30px;position:relative;overflow:hidden}
.tcc-inner::before{content:'';position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent)}
.tcc-badge{width:92px;height:92px;margin:0 auto 20px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 35%,#1c2a1c 0%,#0d1410 70%);border:1px solid rgba(34,197,94,0.5);
  box-shadow:0 0 0 6px rgba(34,197,94,0.08),0 0 40px rgba(34,197,94,0.35)}
.tcc-badge .tcc-emoji{font-size:46px;line-height:1;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5));animation:tcc-pop .6s cubic-bezier(.2,.9,.25,1.4) both}
.tcc-badge::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(34,197,94,0.55);animation:tcc-ring 1.6s ease-out infinite}
@keyframes tcc-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.55);opacity:0}}
@keyframes tcc-pop{0%{transform:scale(0) rotate(-25deg)}60%{transform:scale(1.2) rotate(8deg)}100%{transform:scale(1) rotate(0)}}
.tcc-title{font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:900;letter-spacing:.02em;margin-bottom:12px;
  background:linear-gradient(110deg,#A78BFA 0%,#C4B5FD 40%,#4ade80 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tcc-plan-pill{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:#4ade80;background:rgba(34,197,94,0.12);border:1px solid rgba(34,197,94,0.4);padding:5px 14px;border-radius:20px;margin-bottom:16px}
.tcc-msg{font-family:'Rubik',sans-serif;font-size:14px;color:#c0c0d0;line-height:1.6;margin-bottom:6px}
.tcc-sub{font-family:'Rubik',sans-serif;font-size:12px;color:#9090a8;line-height:1.6;margin-bottom:26px}
.tcc-btn{width:100%;border:none;cursor:pointer;font-family:'Rubik',sans-serif;font-weight:800;font-size:15px;letter-spacing:.02em;color:#0a0a12;
  padding:15px 22px;border-radius:13px;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);
  box-shadow:0 8px 22px rgba(34,197,94,0.4),inset 0 1px 0 rgba(255,255,255,0.25);
  transition:transform .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}
.tcc-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(34,197,94,0.55)}
.tcc-btn:active{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){
  .tcc-card,.tcc-back{transition:opacity .25s ease}
  .tcc-badge .tcc-emoji{animation:none}
  .tcc-badge::after{animation:none;opacity:0}
}