/* JTSMMPANEL: Cheap SMM Panel page (https://jtsmmpanel.com/cheap-smm-panel)
   Hosted at https://announcements.jtsmmpanel.com/jt-theme/pages/cheap-smm-panel.css?v=1
   Prefix jtc-. Neutral variable names (q-k0..k5, q-p1..p4) so the layout dark adapter leaves them alone.
   Light by default, dark for html[data-theme="dark"] (guests) and body.nightmode (logged in). */
.row:has(.jtc){margin-left:0;margin-right:0}.col-md-12:has(.jtc){padding-left:0;padding-right:0}
.jtc{--q-k0:#ffffff;--q-k1:#f6f3fd;--q-k2:#ffffff;--q-k3:#e6e0f4;--q-k4:#17112b;--q-k5:#5d5674;--q-p1:#7c3aed;--q-p2:#db2777;--q-p3:#f59e0b;--q-p4:#4f46e5;--q-ok:#7c3aed;--q-no:#be185d;--q-sh:0 24px 60px -32px rgba(60,20,120,.4);--q-gl:rgba(124,58,237,.13);--q-rc:#fffdf7;--q-rd:#d9cfee;--q-on:#ffffff;--q-x0:#ffffff;--q-x6:#4c1d95;--q-x1:rgba(255,255,255,.12);--q-x2:rgba(255,255,255,.35);--q-x3:rgba(255,255,255,.18);--q-x4:rgba(255,255,255,.1);--q-x5:rgba(255,255,255,.25);
  color:var(--q-k4);background:var(--q-k0);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;font-size:17px;border-radius:20px;overflow:hidden;text-align:left}
html[data-theme="dark"] .jtc,body.nightmode .jtc{--q-k0:#06040c;--q-k1:#0c0818;--q-k2:#120c24;--q-k3:rgba(190,160,255,.16);--q-k4:#f4f0ff;--q-k5:#b1aac8;--q-p1:#a78bfa;--q-p2:#f472b6;--q-p3:#fbbf24;--q-p4:#818cf8;--q-ok:#c4b5fd;--q-no:#f9a8d4;--q-sh:0 30px 80px -30px rgba(0,0,0,.9);--q-gl:rgba(167,139,250,.17);--q-rc:#140d28;--q-rd:rgba(190,160,255,.25);color-scheme:dark}
.jtc *{box-sizing:border-box}
.jtc img{max-width:100%;height:auto;display:block}
.jtc-wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.jtc section{padding:64px 0}
.jtc h1,.jtc h2,.jtc h3{color:var(--q-k4);line-height:1.15;margin:0 0 12px;font-weight:800;letter-spacing:-.025em}
.jtc h1{font-size:clamp(2.2rem,5.4vw,3.9rem)}
.jtc h2{font-size:clamp(1.65rem,3.5vw,2.5rem)}
.jtc h3{font-size:1.18rem}
.jtc p{margin:0 0 14px;color:var(--q-k5)}
.jtc a{color:var(--q-p1);font-weight:600;text-decoration:none}
.jtc a:hover{text-decoration:underline}
.jtc svg{width:24px;height:24px;fill:currentColor;flex:none}
.jtc-hl{background:linear-gradient(95deg,var(--q-p1) 0%,var(--q-p2) 55%,var(--q-p3));-webkit-background-clip:text;background-clip:text;color:transparent}
.jtc-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--q-p1);margin-bottom:12px}
.jtc-tag:before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--q-p1),var(--q-p2))}
.jtc-head{max-width:760px;margin:0 0 38px}
.jtc-head.jtc-c{text-align:center;margin:0 auto 38px}
.jtc-head.jtc-c .jtc-tag:after{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--q-p2),var(--q-p1))}
.jtc-alt{background:var(--q-k1)}
.jtc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 22px;border-radius:14px;font-size:16px;font-weight:800!important;border:1.5px solid var(--q-k3);background:var(--q-k2);color:var(--q-k4)!important;text-decoration:none!important;transition:transform .15s cubic-bezier(.2,0,0,1),box-shadow .2s,border-color .2s}
.jtc-btn:hover{transform:translateY(-2px);border-color:var(--q-p1);box-shadow:0 14px 30px -16px var(--q-p1)}
.jtc-btn svg{width:20px;height:20px}
.jtc-go{background:linear-gradient(135deg,#7c3aed,#db2777);border-color:transparent;color:var(--q-on)!important;box-shadow:0 18px 40px -18px rgba(124,58,237,.95)}
.jtc-go:hover{border-color:transparent}

/* ---------- hero ---------- */
.jtc-hero{position:relative;padding:28px 0 70px!important;background:radial-gradient(ellipse at 0% 0%,var(--q-gl),transparent 50%),radial-gradient(ellipse at 100% 30%,rgba(245,158,11,.10),transparent 45%)}
.jtc-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(var(--q-k3) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}
.jtc-hero .jtc-wrap{position:relative;z-index:1}
.jtc-crumb{font-size:14px;color:var(--q-k5);margin-bottom:24px}
.jtc-crumb a{color:var(--q-k5);font-weight:500}
.jtc-hgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.jtc-pill{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--q-k4);padding:7px 16px 7px 8px;border-radius:999px;border:1px solid var(--q-k3);background:var(--q-k2);margin-bottom:20px;box-shadow:var(--q-sh)}
.jtc-pill b{display:inline-grid;place-items:center;height:28px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#db2777);color:var(--q-on);font-size:13px}
.jtc-lead{font-size:19.5px;max-width:590px}
.jtc-cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 26px}
.jtc-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.jtc-facts li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--q-k4);padding:8px 12px;border-radius:12px;background:var(--q-k1);border:1px solid var(--q-k3)}
.jtc-facts svg{width:18px;height:18px;color:var(--q-p1)}

/* hero stage: image + receipt */
.jtc-stage{position:relative}
.jtc-orb{position:absolute;right:2%;top:0;width:82%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 160deg,#7c3aed,#f59e0b,#db2777,#4f46e5,#7c3aed);filter:blur(64px);opacity:.34;animation:jtc-spin 20s linear infinite}
@keyframes jtc-spin{to{transform:rotate(360deg)}}
.jtc-heroimg{position:relative;width:100%;max-width:560px;margin:0 auto;filter:drop-shadow(0 26px 34px rgba(30,0,70,.4));animation:jtc-float 6s cubic-bezier(.4,0,.2,1) infinite}
@keyframes jtc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.jtc-rcpt{position:relative;align-self:center;z-index:2;padding:18px 18px 22px;background:var(--q-rc);border:1px solid var(--q-k3);border-radius:16px 16px 4px 4px;box-shadow:var(--q-sh);font-size:14px;transform:rotate(-2deg)}
.jtc-rcpt:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:radial-gradient(circle at 7px -2px,transparent 8px,var(--q-rc) 8.5px) 0 0/14px 10px repeat-x}
.jtc-rcpt h3{display:flex;gap:10px;align-items:center;padding-right:70px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--q-k5);margin:0 0 10px;padding-bottom:10px;border-bottom:1.5px dashed var(--q-rd)}
.jtc-rcpt h3 span{color:var(--q-p1)}
.jtc-rl{display:flex;justify-content:space-between;gap:10px;padding:6px 0;color:var(--q-k4);font-weight:600}
.jtc-rl small{color:var(--q-k5);font-weight:500}
.jtc-rl b{font-variant-numeric:tabular-nums;white-space:nowrap}
.jtc-rt{display:flex;justify-content:space-between;margin-top:8px;padding-top:10px;border-top:1.5px dashed var(--q-rd);font-weight:800;color:var(--q-k4)}
.jtc-rt b{background:linear-gradient(90deg,var(--q-p1),var(--q-p2));-webkit-background-clip:text;background-clip:text;color:transparent}
.jtc-stamp{position:absolute;right:-14px;top:-22px;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;border:2.5px dashed var(--q-p2);color:var(--q-p2);font-size:11px;font-weight:900;line-height:1.15;text-align:center;letter-spacing:.06em;text-transform:uppercase;transform:rotate(14deg);background:var(--q-rc)}

/* ---------- quick answer ---------- */
.jtc-answer{padding:0!important;margin-top:-10px;position:relative;z-index:2}
.jtc-ans{display:grid;grid-template-columns:auto 1fr 330px;gap:22px;align-items:start;padding:26px 30px;border-radius:22px;background:var(--q-k2);border:1px solid var(--q-k3);box-shadow:var(--q-sh);position:relative;overflow:hidden}
.jtc-ans{overflow:visible}.jtc-ans:before{border-radius:22px 0 0 22px;content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--q-p3),var(--q-p2),var(--q-p1))}
.jtc-ans-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--q-k1);border:1px solid var(--q-k3);color:var(--q-p3)}
.jtc-ans h2{font-size:1.25rem;margin-bottom:6px}
.jtc-ans p{margin:0;font-size:17.5px;color:var(--q-k4)}
.jtc-ans p strong{color:var(--q-p1)}

/* ---------- price board ---------- */
.jtc-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.jtc-pc{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:18px 18px 16px;border-radius:18px;background:var(--q-k2);border:1px solid var(--q-k3);transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s,border-color .2s}
.jtc-pc:hover{transform:translateY(-3px);box-shadow:var(--q-sh);border-color:var(--q-p1)}
.jtc-pc i{grid-row:span 2;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--b,#7c3aed);color:#fff;font-style:normal;box-shadow:inset 0 0 0 1px var(--q-k3)}
.jtc-pc i svg{width:24px;height:24px}
.jtc-pc h3{font-size:1rem;margin:0}
.jtc-pc p{margin:0;font-size:13.5px}
.jtc-pc strong{grid-column:1/-1;display:flex;align-items:baseline;gap:6px;margin-top:10px;padding-top:12px;border-top:1px dashed var(--q-k3);font-size:26px;font-weight:900;letter-spacing:-.03em;color:var(--q-k4);font-variant-numeric:tabular-nums}
.jtc-pc strong small{font-size:13px;font-weight:600;letter-spacing:0;color:var(--q-k5)}
.jtc-pc strong em{font-style:normal;font-size:12px;font-weight:700;color:var(--q-p1);margin-left:auto;letter-spacing:0}
.jtc-boardnote{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;margin-top:22px;padding:16px 20px;border-radius:16px;border:1px dashed var(--q-k3);background:var(--q-k2);font-size:15px;color:var(--q-k5)}
.jtc-boardnote b{color:var(--q-k4)}

/* ---------- cheap vs too cheap ---------- */
.jtc-vs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.jtc-vc{padding:28px;border-radius:22px;background:var(--q-k2);border:1px solid var(--q-k3)}
.jtc-vc h3{display:flex;align-items:center;gap:12px;font-size:1.3rem}
.jtc-vc h3 span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5)}
.jtc-vc.jtc-bad h3 span{background:linear-gradient(135deg,#db2777,#f59e0b)}
.jtc-vc.jtc-good{border-color:var(--q-p1);box-shadow:var(--q-sh)}
.jtc-vc ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.jtc-vc li{display:flex;gap:10px;align-items:flex-start;color:var(--q-k5)}
.jtc-vc li svg{width:20px;height:20px;margin-top:3px;color:var(--q-ok)}
.jtc-vc.jtc-bad li svg{color:var(--q-no)}
.jtc-ex{margin-top:22px;display:grid;grid-template-columns:1fr auto auto;gap:0;border-radius:18px;overflow:hidden;border:1px solid var(--q-k3);background:var(--q-k2);font-size:15px}
.jtc-ex>div{padding:12px 16px;border-bottom:1px solid var(--q-k3);color:var(--q-k4)}
.jtc-ex>div:nth-last-child(-n+3){border-bottom:0}
.jtc-ex .jtc-eh{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--q-k5);background:var(--q-k1)}
.jtc-ex .jtc-n{text-align:right;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}

/* ---------- why cheap ---------- */
.jtc-why{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:center}
.jtc-whyimg{position:relative}
.jtc-whyimg:before{content:"";position:absolute;inset:6% 8%;border-radius:50%;background:radial-gradient(circle,var(--q-gl),transparent 70%)}
.jtc-whyimg img{position:relative;margin:0 auto;filter:drop-shadow(0 24px 30px rgba(30,0,70,.35))}
.jtc-wl{display:grid;gap:14px;margin:0;padding:0;list-style:none;counter-reset:w}
.jtc-wl li{counter-increment:w;display:grid;grid-template-columns:48px 1fr;gap:16px;padding:18px 20px;border-radius:18px;background:var(--q-k2);border:1px solid var(--q-k3)}
.jtc-wl li:before{content:counter(w,decimal-leading-zero);display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;font-weight:900}
.jtc-wl li:nth-child(2):before{background:linear-gradient(135deg,#4f46e5,#7c3aed)}
.jtc-wl li:nth-child(3):before{background:linear-gradient(135deg,#db2777,#f59e0b)}
.jtc-wl li:nth-child(4):before{background:linear-gradient(135deg,#f59e0b,#db2777)}
.jtc-wl b{display:block;color:var(--q-k4);font-size:17px;margin-bottom:2px}
.jtc-wl span{color:var(--q-k5);font-size:15.5px}

/* ---------- save money tips ---------- */
.jtc-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.jtc-tc{position:relative;padding:26px;border-radius:20px;background:var(--q-k2);border:1px solid var(--q-k3);overflow:hidden;transition:transform .2s cubic-bezier(.2,0,0,1),border-color .2s,box-shadow .2s}
.jtc-tc:hover{transform:translateY(-4px);border-color:var(--q-p1);box-shadow:var(--q-sh)}
.jtc-tc:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:var(--q-gl)}
.jtc-tc i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;margin-bottom:14px;background:var(--q-k1);border:1px solid var(--q-k3);color:var(--q-p1)}
.jtc-tc h3{margin-bottom:6px}
.jtc-tc p{font-size:15.5px;margin:0}

/* ---------- who ---------- */
.jtc-who{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.jtc-wc{padding:22px;border-radius:18px;background:var(--q-k2);border:1px solid var(--q-k3)}
.jtc-wc i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:12px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff}
.jtc-wc i svg{width:22px;height:22px}
.jtc-wc h3{font-size:1.05rem;margin-bottom:6px}
.jtc-wc p{font-size:15px;margin:0}

/* ---------- pay strip ---------- */
.jtc-pay{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:8px}
.jtc-pay span{display:grid;place-items:center;height:58px;padding:10px;border-radius:12px;background:var(--q-x0);border:1px solid var(--q-k3)}
.jtc-pay img{max-height:30px;width:auto;object-fit:contain}

/* ---------- faq ---------- */
.jtc-faq{max-width:860px;margin:0 auto;display:grid;gap:12px}
.jtc-faq details{border-radius:16px;background:var(--q-k2);border:1px solid var(--q-k3);transition:border-color .2s}
.jtc-faq details[open]{border-color:var(--q-p1)}
.jtc-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;font-weight:800;color:var(--q-k4);font-size:17px}
.jtc-faq summary::-webkit-details-marker{display:none}
.jtc-faq summary:after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--q-k1);color:var(--q-p1);font-size:20px;font-weight:700;transition:transform .2s}
.jtc-faq details[open] summary:after{transform:rotate(45deg)}
.jtc-faq details p{padding:0 20px 18px;margin:0}

/* ---------- end ---------- */
.jtc-end{padding-bottom:40px!important}
.jtc-endbox{position:relative;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:20px;padding:44px 46px;border-radius:30px;overflow:hidden;background:linear-gradient(120deg,#4c1d95,#7c3aed 45%,#db2777);color:#fff}
.jtc-endbox:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--q-x3) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent)}
.jtc-endbox>*{position:relative}
.jtc-endbox h2{color:#fff}
.jtc-endbox p{color:rgba(255,255,255,.86);font-size:18px}
.jtc-endbox .jtc-cta{margin:22px 0 0}
.jtc-endbox .jtc-btn{background:var(--q-x1);border-color:var(--q-x2);color:#fff!important}
.jtc-endbox .jtc-go{background:var(--q-x0);color:var(--q-x6)!important;border-color:var(--q-x0)}
.jtc-big{display:grid;place-items:center;text-align:center;padding:22px;border-radius:24px;background:var(--q-x4);border:1px solid var(--q-x5)}
.jtc-big b{display:block;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:900;line-height:1;letter-spacing:-.04em;color:#fff}
.jtc-big small{display:block;margin-top:8px;font-size:14px;font-weight:600;color:rgba(255,255,255,.85)}
.jtc-more{margin-top:34px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.jtc-more b{margin-right:6px;color:var(--q-k4)}
.jtc-more a{padding:8px 14px;border-radius:999px;border:1px solid var(--q-k3);background:var(--q-k2);font-size:14.5px;color:var(--q-k4)}
.jtc-more a:hover{border-color:var(--q-p1);color:var(--q-p1);text-decoration:none}
.jtc-upd{margin-top:18px;font-size:13.5px;color:var(--q-k5)}

/* ---------- scroll reveal (no JS) ---------- */
@supports (animation-timeline:view()){
  .jtc-pc,.jtc-tc,.jtc-wl li,.jtc-wc{animation:jtc-in linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
  @keyframes jtc-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){.jtc *{animation:none!important;transition:none!important}}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .jtc-board{grid-template-columns:1fr 1fr}
  .jtc-tips{grid-template-columns:1fr 1fr}
  .jtc-who{grid-template-columns:1fr 1fr}
  .jtc-pay{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:860px){
  .jtc section{padding:48px 0}
  .jtc-hgrid,.jtc-why,.jtc-vs,.jtc-endbox{grid-template-columns:1fr}
  .jtc-stage{min-height:0;max-width:520px;width:100%;margin:0 auto;display:flex;flex-direction:column}
  .jtc-orb{display:none}
  .jtc-heroimg{width:92%}
  .jtc-ans{grid-template-columns:auto 1fr}
  .jtc-rcpt{grid-column:1/-1;margin-top:18px;transform:none}
  .jtc-whyimg img{max-width:340px}
  .jtc-endbox{padding:34px 26px;text-align:center}
  .jtc-endbox .jtc-cta{justify-content:center}
}
@media (max-width:600px){
  .jtc{font-size:16px;border-radius:0}
  .jtc-lead{font-size:17.5px}
  .jtc-cta .jtc-btn{flex:1 1 100%}
  .jtc-answer{margin-top:0}
  .jtc-ans{grid-template-columns:1fr;padding:22px 20px 22px 24px;gap:12px}
  .jtc-board,.jtc-tips,.jtc-who{grid-template-columns:1fr}
  .jtc-pay{grid-template-columns:repeat(3,1fr)}
  .jtc-stamp{right:-4px;top:-28px;width:72px;height:72px;font-size:10px}
  .jtc-ex{font-size:14px}
  .jtc-ex>div{padding:10px 10px}
}
