/* =========================================================
   Content Gate — front end
   Everything is scoped under .cg-scope.cg-scope so themes can't leak in.
   ========================================================= */

.cg-scope.cg-scope{
  position:relative;
  background:transparent;
  margin:0;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
  line-height:1.4;
}
.cg-scope.cg-scope *{box-sizing:border-box}
.cg-scope.cg-scope p,.cg-scope.cg-scope div,.cg-scope.cg-scope span{margin:0;padding:0}

.cg-scope.cg-scope .cg-stage{
  position:relative;z-index:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:0;padding:var(--cg-pad,40px) 18px;
}

.cg-scope.cg-scope .cg-gate{
  width:100%;max-width:380px;
  user-select:none;-webkit-user-select:none;
  transition:opacity .5s ease,transform .5s ease,filter .5s ease;
}
.cg-scope.cg-scope .cg-gate.is-hidden{opacity:0;transform:translateY(-14px) scale(.95);filter:blur(6px);pointer-events:none}
.cg-scope.cg-scope .cg-gate.is-gone{display:none}

.cg-scope.cg-scope .cg-card{position:relative;text-align:center}

.cg-scope.cg-scope .cg-badge{
  position:absolute;top:18px;left:18px;
  font-size:10px;font-weight:800;letter-spacing:.16em;
  padding:8px 15px;border-radius:999px;line-height:1;
}

.cg-scope.cg-scope .cg-title{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.cg-scope.cg-scope .cg-sub{font-size:13.5px;line-height:1.5;margin:10px 0 0}

/* ---- progress parts ---- */
.cg-scope.cg-scope .cg-track{height:8px;border-radius:999px;overflow:hidden;width:100%}
.cg-scope.cg-scope .cg-bar{height:100%;width:0;border-radius:999px;transition:width .12s linear}

.cg-scope.cg-scope .cg-segs{display:flex;gap:5px;width:100%}
.cg-scope.cg-scope .cg-seg{flex:1;height:8px;border-radius:3px;transition:background .2s ease,box-shadow .2s ease}

.cg-scope.cg-scope .cg-ring{
  --p:0;
  width:132px;height:132px;border-radius:50%;
  margin:0 auto;position:relative;
}
.cg-scope.cg-scope .cg-ring::before{
  content:'';position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(var(--ring-a) calc(var(--p)*1%),var(--ring-t) 0);
  transition:background .12s linear;
}
.cg-scope.cg-scope .cg-ring::after{content:'';position:absolute;inset:9px;border-radius:50%;background:var(--ring-in)}
.cg-scope.cg-scope .cg-ring-txt{
  position:absolute;inset:0;z-index:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
}
.cg-scope.cg-scope .cg-ring-val{font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1}
.cg-scope.cg-scope .cg-ring-lbl{font-size:10px;letter-spacing:.18em;font-weight:700;line-height:1}

.cg-scope.cg-scope .cg-dial-wrap{position:relative}
.cg-scope.cg-scope .cg-dial{width:128px;height:128px;margin:0 auto;display:block;transform:rotate(-90deg)}
.cg-scope.cg-scope .cg-dial-bg,.cg-scope.cg-scope .cg-dial-fg{fill:none;stroke-width:3}
.cg-scope.cg-scope .cg-dial-txt{position:absolute;inset:0;display:grid;place-content:center;text-align:center}

/* =========================================================
   BUTTON
   ========================================================= */
.cg-scope.cg-scope .cg-btn-wrap{position:relative;display:none}
.cg-scope.cg-scope .cg-ad{width:100%;margin:18px auto 0;text-align:center;display:flex;justify-content:center;align-items:flex-start;min-height:200px}
.cg-scope.cg-scope .cg-ad-slot{margin:0 auto}
.cg-scope.cg-scope .cg-btn-wrap.is-visible{display:inline-flex;animation:cg-breathe 2.6s ease-in-out .7s infinite}

.cg-scope.cg-scope .cg-btn{
  position:relative;overflow:hidden;text-decoration:none;box-shadow:none;
  display:none;align-items:center;gap:10px;
  margin:0;border:0;outline:0;cursor:pointer;
  font-family:inherit;font-size:12px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;text-decoration:none;text-shadow:none;
  padding:15px 32px;border-radius:999px;width:auto;height:auto;min-height:0;
  background-image:none;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.cg-scope.cg-scope .cg-btn.is-visible{display:inline-flex;animation:cg-pop .45s cubic-bezier(.2,1.3,.4,1) both}
.cg-scope.cg-scope .cg-btn:hover{transform:translateY(-3px)}
.cg-scope.cg-scope .cg-btn:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.cg-scope.cg-scope .cg-btn>span{position:relative;z-index:1;display:inline-block}
.cg-scope.cg-scope .cg-btn::before{
  content:'';position:absolute;top:0;left:-60%;width:42%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-20deg);animation:cg-sweep 3s ease-in-out infinite;
}
.cg-scope.cg-scope .cg-arrows{animation:cg-nudge 1.1s ease-in-out infinite}

.cg-scope.cg-scope .cg-ripple{
  position:absolute;inset:0;border-radius:999px;
  border:2px solid rgba(255,255,255,.5);
  opacity:0;pointer-events:none;
}
.cg-scope.cg-scope .cg-btn-wrap.is-visible .cg-ripple{animation:cg-ripple 2.4s ease-out infinite}
.cg-scope.cg-scope .cg-btn-wrap.is-visible .cg-ripple-2{animation-delay:1.2s}

@keyframes cg-pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@keyframes cg-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@keyframes cg-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes cg-sweep{0%{left:-60%}45%,100%{left:125%}}
@keyframes cg-ripple{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.42);opacity:0}}
@keyframes cg-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes cg-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(18px,-22px) scale(1.08)}}

/* =========================================================
   1 — NEON GLASS
   ========================================================= */
.cg-scope.cg-scope.cg-t-glass .cg-card{
  background:linear-gradient(180deg,#1e2a3d,#131b29);border:1px solid rgba(255,255,255,.10);
  border-radius:24px;padding:58px 28px 42px;box-shadow:0 18px 46px rgba(10,15,31,.28);
}
.cg-scope.cg-scope.cg-t-glass .cg-badge{background:rgba(255,255,255,.1);color:#cfe3ff;border:1px solid rgba(255,255,255,.14)}
.cg-scope.cg-scope.cg-t-glass .cg-title{color:#fff}
.cg-scope.cg-scope.cg-t-glass .cg-sub{color:#8ea4c4}
.cg-scope.cg-scope.cg-t-glass .cg-ring{--ring-a:#22d3ee;--ring-t:rgba(255,255,255,.1);--ring-in:#111a2e;margin:26px auto 22px;box-shadow:0 0 34px rgba(34,211,238,.28)}
.cg-scope.cg-scope.cg-t-glass .cg-ring-val{color:#fff}
.cg-scope.cg-scope.cg-t-glass .cg-ring-lbl{color:#22d3ee}
.cg-scope.cg-scope.cg-t-glass .cg-btn{background:linear-gradient(90deg,#0ea5e9,#6366f1);color:#fff;box-shadow:0 12px 32px rgba(56,189,248,.4)}
.cg-scope.cg-scope.cg-t-glass .cg-btn:hover{box-shadow:0 18px 42px rgba(99,102,241,.55)}
.cg-scope.cg-scope.cg-t-glass .cg-ripple{border-color:#22d3ee}

/* =========================================================
   2 — AURORA SOFT
   ========================================================= */
.cg-scope.cg-scope.cg-t-aurora .cg-card{
  background:linear-gradient(165deg,#fff,#f6f2ff 55%,#eef7ff);border:1px solid #ece7fa;
  border-radius:30px;padding:58px 30px 44px;box-shadow:0 18px 46px rgba(94,79,162,.14);
}
.cg-scope.cg-scope.cg-t-aurora .cg-badge{background:#211b3d;color:#fff}
.cg-scope.cg-scope.cg-t-aurora .cg-title{color:#1b1638;font-size:27px}
.cg-scope.cg-scope.cg-t-aurora .cg-sub{color:#6d6790}
.cg-scope.cg-scope.cg-t-aurora .cg-count{
  display:block;font-size:56px;font-weight:900;letter-spacing:-.05em;line-height:1;margin:24px 0 8px;
  background:linear-gradient(90deg,#f472b6,#8b5cf6,#38bdf8);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.cg-scope.cg-scope.cg-t-aurora .cg-count-lbl{font-size:11px;letter-spacing:.2em;font-weight:700;color:#8a83ad;margin-bottom:24px}
.cg-scope.cg-scope.cg-t-aurora .cg-track{background:rgba(139,92,246,.16);height:7px}
.cg-scope.cg-scope.cg-t-aurora .cg-bar{background:linear-gradient(90deg,#f472b6,#8b5cf6,#38bdf8)}
.cg-scope.cg-scope.cg-t-aurora .cg-btn{background:linear-gradient(90deg,#8b5cf6,#38bdf8);color:#fff;box-shadow:0 14px 34px rgba(139,92,246,.35)}
.cg-scope.cg-scope.cg-t-aurora .cg-ripple{border-color:#8b5cf6}

/* =========================================================
   3 — TERMINAL
   ========================================================= */
.cg-scope.cg-scope.cg-t-terminal .cg-card{
  font-family:'JetBrains Mono',ui-monospace,'Courier New',monospace;
  background:#080d13;
  background-image:linear-gradient(rgba(0,255,156,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(0,255,156,.05) 1px,transparent 1px);
  background-size:30px 30px;
  border:1px solid rgba(0,255,156,.28);
  border-radius:12px;padding:54px 24px 38px;text-align:left;
  box-shadow:0 0 0 1px rgba(0,255,156,.06),0 22px 50px rgba(0,0,0,.6);
}
.cg-scope.cg-scope.cg-t-terminal .cg-badge{background:#00ff9c;color:#04140d;border-radius:4px;font-family:inherit;letter-spacing:.12em}
.cg-scope.cg-scope.cg-t-terminal .cg-title{color:#00ff9c;font-family:inherit;font-size:20px;font-weight:700;letter-spacing:0}
.cg-scope.cg-scope.cg-t-terminal .cg-title::before{content:'> '}
.cg-scope.cg-scope.cg-t-terminal .cg-cursor{display:inline-block;width:9px;height:17px;background:#00ff9c;vertical-align:-3px;margin-left:4px;animation:cg-blink 1s step-end infinite}
.cg-scope.cg-scope.cg-t-terminal .cg-sub{color:#4e7d68;font-family:inherit;font-size:12px}
.cg-scope.cg-scope.cg-t-terminal .cg-count-line{color:#cdfce9;font-family:inherit;font-size:13px;margin:26px 0 12px}
.cg-scope.cg-scope.cg-t-terminal .cg-seg{background:rgba(0,255,156,.13);border-radius:2px;height:14px}
.cg-scope.cg-scope.cg-t-terminal .cg-seg.on{background:#00ff9c;box-shadow:0 0 10px rgba(0,255,156,.65)}
.cg-scope.cg-scope.cg-t-terminal .cg-btn{
  background:transparent;color:#00ff9c;border:1px solid #00ff9c;border-radius:6px;
  font-family:'JetBrains Mono',monospace;box-shadow:0 0 22px rgba(0,255,156,.22);
}
.cg-scope.cg-scope.cg-t-terminal .cg-btn:hover{background:#00ff9c;color:#04140d}
.cg-scope.cg-scope.cg-t-terminal .cg-btn::before{background:linear-gradient(100deg,transparent,rgba(0,255,156,.3),transparent)}
.cg-scope.cg-scope.cg-t-terminal .cg-ripple{border-color:#00ff9c;border-radius:6px}

/* =========================================================
   4 — MINIMAL LIGHT
   ========================================================= */
.cg-scope.cg-scope.cg-t-minimal .cg-card{background:#fff;border-radius:20px;padding:58px 30px 46px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 18px 44px rgba(0,0,0,.07)}
.cg-scope.cg-scope.cg-t-minimal .cg-badge{background:#111;color:#fff}
.cg-scope.cg-scope.cg-t-minimal .cg-title{color:#111;font-size:24px;font-weight:700}
.cg-scope.cg-scope.cg-t-minimal .cg-sub{color:#71717a}
.cg-scope.cg-scope.cg-t-minimal .cg-dial-wrap{margin:28px auto 8px;width:128px}
.cg-scope.cg-scope.cg-t-minimal .cg-dial-bg{stroke:#e9e9ec}
.cg-scope.cg-scope.cg-t-minimal .cg-dial-fg{stroke:#111;stroke-linecap:round;transition:stroke-dashoffset .12s linear}
.cg-scope.cg-scope.cg-t-minimal .cg-dial-num{font-size:34px;font-weight:700;color:#111;letter-spacing:-.03em;line-height:1}
.cg-scope.cg-scope.cg-t-minimal .cg-dial-sub{font-size:10px;letter-spacing:.18em;color:#a1a1aa;font-weight:600;margin-top:6px}
.cg-scope.cg-scope.cg-t-minimal .cg-btn{background:#111;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.cg-scope.cg-scope.cg-t-minimal .cg-btn:hover{background:#000}
.cg-scope.cg-scope.cg-t-minimal .cg-btn::before{background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent)}
.cg-scope.cg-scope.cg-t-minimal .cg-ripple{border-color:#111}

/* =========================================================
   5 — VAULT GOLD
   ========================================================= */
.cg-scope.cg-scope.cg-t-vault .cg-card{
  background:linear-gradient(180deg,#16130e,#0d0b09);border:1px solid rgba(212,175,55,.32);
  border-radius:6px;padding:60px 30px 44px;
  box-shadow:0 26px 60px rgba(0,0,0,.6),inset 0 1px 0 rgba(212,175,55,.14);
}
.cg-scope.cg-scope.cg-t-vault .cg-badge{background:linear-gradient(90deg,#d4af37,#f2d67b);color:#1a1409;border-radius:3px}
.cg-scope.cg-scope.cg-t-vault .cg-title{font-family:'Playfair Display',Georgia,serif;color:#f6ecd2;font-size:29px;font-weight:600;letter-spacing:0}
.cg-scope.cg-scope.cg-t-vault .cg-sub{color:#8d8264;font-size:12.5px;letter-spacing:.03em}
.cg-scope.cg-scope.cg-t-vault .cg-count-line{font-family:'Playfair Display',Georgia,serif;color:#d4af37;font-size:40px;font-weight:700;line-height:1;margin:26px 0 8px}
.cg-scope.cg-scope.cg-t-vault .cg-count-lbl{font-size:10px;letter-spacing:.26em;color:#7d7258;font-weight:700;margin-bottom:22px}
.cg-scope.cg-scope.cg-t-vault .cg-seg{background:rgba(212,175,55,.15);height:6px;border-radius:1px}
.cg-scope.cg-scope.cg-t-vault .cg-seg.on{background:linear-gradient(90deg,#d4af37,#f7e3a1);box-shadow:0 0 9px rgba(212,175,55,.5)}
.cg-scope.cg-scope.cg-t-vault .cg-btn{background:linear-gradient(90deg,#d4af37,#f2d67b);color:#1a1409;border-radius:4px;box-shadow:0 12px 30px rgba(212,175,55,.28)}
.cg-scope.cg-scope.cg-t-vault .cg-ripple{border-color:#d4af37;border-radius:4px}

/* =========================================================
   6 — NEO BRUTALIST
   ========================================================= */
.cg-scope.cg-scope.cg-t-brutal .cg-card{background:#fff;border:3px solid #0a0a0a;border-radius:0;padding:52px 26px 38px;box-shadow:9px 9px 0 #0a0a0a}
.cg-scope.cg-scope.cg-t-brutal .cg-badge{top:-17px;left:-17px;background:#ff4d6d;color:#fff;border:3px solid #0a0a0a;border-radius:0;padding:9px 15px}
.cg-scope.cg-scope.cg-t-brutal .cg-title{color:#0a0a0a;font-size:29px;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
.cg-scope.cg-scope.cg-t-brutal .cg-sub{color:#3f3f46;font-weight:500;margin:20px 0 0}
.cg-scope.cg-scope.cg-t-brutal .cg-count-line{font-size:64px;font-weight:900;color:#0a0a0a;line-height:1;letter-spacing:-.05em;margin:20px 0 6px}
.cg-scope.cg-scope.cg-t-brutal .cg-count-lbl{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#0a0a0a;margin-bottom:20px}
.cg-scope.cg-scope.cg-t-brutal .cg-segs{gap:4px}
.cg-scope.cg-scope.cg-t-brutal .cg-seg{background:#fff;border:2px solid #0a0a0a;border-radius:0;height:17px}
.cg-scope.cg-scope.cg-t-brutal .cg-seg.on{background:#ff4d6d}
.cg-scope.cg-scope.cg-t-brutal .cg-btn{background:#0a0a0a;color:#c7f284;border:3px solid #0a0a0a;border-radius:0;box-shadow:6px 6px 0 #ff4d6d}
.cg-scope.cg-scope.cg-t-brutal .cg-btn:hover{box-shadow:9px 9px 0 #ff4d6d}
.cg-scope.cg-scope.cg-t-brutal .cg-ripple{border-color:#0a0a0a;border-radius:0;border-width:3px}

/* =========================================================
   7 — ARCADE
   ========================================================= */
.cg-scope.cg-scope.cg-t-arcade .cg-card{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  background:#241046;border:2px solid #ff2fb9;border-radius:10px;padding:54px 24px 38px;
  box-shadow:0 0 0 4px rgba(255,47,185,.14),0 20px 50px rgba(0,0,0,.55);
}
.cg-scope.cg-scope.cg-t-arcade .cg-card::after{
  content:'';position:absolute;inset:0;border-radius:8px;pointer-events:none;z-index:2;
  background:repeating-linear-gradient(rgba(0,0,0,.26) 0 2px,transparent 2px 4px);
}
.cg-scope.cg-scope.cg-t-arcade .cg-badge{background:#ff2fb9;color:#1a0b33;border-radius:3px;font-family:inherit;letter-spacing:.12em}
.cg-scope.cg-scope.cg-t-arcade .cg-title{color:#5eead4;font-family:inherit;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 14px rgba(94,234,212,.55)}
.cg-scope.cg-scope.cg-t-arcade .cg-sub{color:#a78bfa;font-family:inherit;font-size:11.5px;letter-spacing:.05em}
.cg-scope.cg-scope.cg-t-arcade .cg-count-line{font-family:inherit;font-size:50px;font-weight:700;color:#fde047;line-height:1;text-shadow:0 0 18px rgba(253,224,71,.5);margin:24px 0 8px}
.cg-scope.cg-scope.cg-t-arcade .cg-count-lbl{font-family:inherit;font-size:10px;letter-spacing:.24em;color:#a78bfa;margin-bottom:20px}
.cg-scope.cg-scope.cg-t-arcade .cg-seg{background:rgba(167,139,250,.2);border-radius:0;height:13px}
.cg-scope.cg-scope.cg-t-arcade .cg-seg.on{background:#5eead4;box-shadow:0 0 11px rgba(94,234,212,.7)}
.cg-scope.cg-scope.cg-t-arcade .cg-btn{background:#ff2fb9;color:#fff;border-radius:4px;font-family:'JetBrains Mono',monospace;box-shadow:0 0 26px rgba(255,47,185,.5)}
.cg-scope.cg-scope.cg-t-arcade .cg-ripple{border-color:#ff2fb9;border-radius:4px}

/* =========================================================
   8 — CINEMA
   ========================================================= */
.cg-scope.cg-scope.cg-t-cinema .cg-card{background:#0f0f12;border:1px solid #26262c;border-radius:14px;padding:56px 26px 42px}
.cg-scope.cg-scope.cg-t-cinema .cg-badge{background:#e50914;color:#fff}
.cg-scope.cg-scope.cg-t-cinema .cg-dial-wrap{margin:4px auto 24px;width:140px}
.cg-scope.cg-scope.cg-t-cinema .cg-dial{width:140px;height:140px}
.cg-scope.cg-scope.cg-t-cinema .cg-dial-wrap::before,.cg-scope.cg-scope.cg-t-cinema .cg-dial-wrap::after{content:'';position:absolute;background:#26262c}
.cg-scope.cg-scope.cg-t-cinema .cg-dial-wrap::before{left:-14px;right:-14px;top:50%;height:1px}
.cg-scope.cg-scope.cg-t-cinema .cg-dial-wrap::after{top:-14px;bottom:-14px;left:50%;width:1px}
.cg-scope.cg-scope.cg-t-cinema .cg-dial-txt{background:radial-gradient(circle,#0f0f12 54%,transparent 60%)}
.cg-scope.cg-scope.cg-t-cinema .cg-dial-bg{stroke:#26262c;stroke-width:2}
.cg-scope.cg-scope.cg-t-cinema .cg-dial-fg{stroke:#e50914;stroke-width:2;transition:stroke-dashoffset .12s linear}
.cg-scope.cg-scope.cg-t-cinema .cg-dial-num{font-size:44px;font-weight:800;color:#fff;letter-spacing:-.04em;line-height:1}
.cg-scope.cg-scope.cg-t-cinema .cg-dial-sub{font-size:9px;letter-spacing:.3em;color:#8b8b93;font-weight:700;margin-top:7px}
.cg-scope.cg-scope.cg-t-cinema .cg-title{color:#fff;font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.cg-scope.cg-scope.cg-t-cinema .cg-sub{color:#8b8b93;font-size:12px;letter-spacing:.03em}
.cg-scope.cg-scope.cg-t-cinema .cg-btn{background:#e50914;color:#fff;box-shadow:0 12px 30px rgba(229,9,20,.35)}
.cg-scope.cg-scope.cg-t-cinema .cg-ripple{border-color:#e50914}

/* =========================================================
   9 — TICKET
   ========================================================= */
.cg-scope.cg-scope.cg-t-ticket .cg-card{background:#fffdf7;border-radius:14px;padding:54px 26px 32px;box-shadow:0 22px 52px rgba(0,0,0,.26)}
.cg-scope.cg-scope.cg-t-ticket .cg-badge{background:#0d9488;color:#fff}
.cg-scope.cg-scope.cg-t-ticket .cg-title{color:#134e4a;font-size:25px}
.cg-scope.cg-scope.cg-t-ticket .cg-sub{color:#6b7280;font-size:12.5px}
.cg-scope.cg-scope.cg-t-ticket .cg-count-line{font-family:'JetBrains Mono',monospace;font-size:44px;font-weight:700;color:#0d9488;line-height:1;margin:22px 0 8px}
.cg-scope.cg-scope.cg-t-ticket .cg-count-lbl{font-size:10px;letter-spacing:.22em;color:#9ca3af;font-weight:700}
.cg-scope.cg-scope.cg-t-ticket .cg-divider{position:relative;border-top:2px dashed #ded9c8;margin:24px -26px 20px}
.cg-scope.cg-scope.cg-t-ticket .cg-track{background:#e7e3d6;height:6px}
.cg-scope.cg-scope.cg-t-ticket .cg-bar{background:linear-gradient(90deg,#0d9488,#5eead4)}
.cg-scope.cg-scope.cg-t-ticket .cg-btn{background:#0f172a;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.cg-scope.cg-scope.cg-t-ticket .cg-ripple{border-color:#f8fafc}

/* =========================================================
   10 — SOFT RELIEF
   ========================================================= */
.cg-scope.cg-scope.cg-t-neuro .cg-card{background:#e8ebf2;border-radius:28px;padding:56px 28px 42px;box-shadow:13px 13px 28px #c5c9d3,-13px -13px 28px #fff}
.cg-scope.cg-scope.cg-t-neuro .cg-badge{background:#e8ebf2;color:#5b6478;box-shadow:4px 4px 9px #c5c9d3,-4px -4px 9px #fff}
.cg-scope.cg-scope.cg-t-neuro .cg-title{color:#3c4457;font-size:24px;font-weight:700}
.cg-scope.cg-scope.cg-t-neuro .cg-sub{color:#8b93a7;margin:20px 0 0}
.cg-scope.cg-scope.cg-t-neuro .cg-count-line{font-size:56px;font-weight:800;color:#4f46e5;line-height:1;letter-spacing:-.04em;margin:24px 0 8px}
.cg-scope.cg-scope.cg-t-neuro .cg-count-lbl{font-size:10px;letter-spacing:.22em;color:#98a0b3;font-weight:700;margin-bottom:22px}
.cg-scope.cg-scope.cg-t-neuro .cg-track{background:#e8ebf2;height:16px;padding:5px;box-shadow:inset 4px 4px 8px #c5c9d3,inset -4px -4px 8px #fff}
.cg-scope.cg-scope.cg-t-neuro .cg-bar{background:linear-gradient(90deg,#6366f1,#8b5cf6)}
.cg-scope.cg-scope.cg-t-neuro .cg-btn{background:#e8ebf2;color:#4f46e5;box-shadow:7px 7px 15px #c5c9d3,-7px -7px 15px #fff}
.cg-scope.cg-scope.cg-t-neuro .cg-btn:hover{box-shadow:9px 9px 20px #c5c9d3,-9px -9px 20px #fff}
.cg-scope.cg-scope.cg-t-neuro .cg-btn::before{background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent)}
.cg-scope.cg-scope.cg-t-neuro .cg-ripple{border-color:#6366f1}

/* =========================================================
   REVEAL
   ========================================================= */
.cg-shot.cg-shot{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  margin:26px 0;
}
.cg-shot.cg-shot[hidden]{display:none}
.cg-shot.cg-shot.cg-in{animation:cg-fade .45s ease both}
@keyframes cg-fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cg-shot.cg-shot .cg-reveal-link{
  display:block;width:100%;max-width:660px;border-radius:16px;overflow:hidden;
  text-decoration:none;border:0;box-shadow:0 18px 50px rgba(0,0,0,.28);
  transition:transform .22s ease,box-shadow .22s ease;
}
.cg-shot.cg-shot .cg-reveal-link:hover{transform:translateY(-5px);box-shadow:0 26px 62px rgba(0,0,0,.36)}
.cg-shot.cg-shot .cg-reveal-link:focus-visible{outline:3px solid #3b82f6;outline-offset:4px}
.cg-shot.cg-shot .cg-img{display:block;width:100%;height:auto;margin:0;border-radius:0}
.cg-shot.cg-shot .cg-placeholder{
  display:flex;align-items:center;justify-content:center;text-align:center;
  aspect-ratio:16/9;padding:24px;
  background:linear-gradient(135deg,#1e2a3d,#2563eb);color:#dbe6ff;
  font-size:14px;font-weight:600;
}
.cg-shot.cg-shot .cg-caption{margin:14px 0 0;font-size:13px;letter-spacing:.03em;text-align:center;opacity:.75}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:400px){
  .cg-scope.cg-scope .cg-title{font-size:22px}
  .cg-scope.cg-scope .cg-card{padding-left:22px;padding-right:22px}
  .cg-scope.cg-scope.cg-t-ticket .cg-divider{margin-left:-22px;margin-right:-22px}
  .cg-scope.cg-scope.cg-t-brutal .cg-badge{top:-15px;left:-9px}
  .cg-scope.cg-scope .cg-btn{padding:14px 26px;font-size:11px}
  .cg-scope.cg-scope .cg-segs{gap:4px}
}
@media (max-height:600px){
  .cg-scope.cg-scope .cg-stage{gap:22px;padding:28px 18px}
}
@media (prefers-reduced-motion:reduce){
  .cg-scope.cg-scope *{animation:none!important;transition:none!important}
}

.cg-shot.cg-shot .cg-placeholder.cg-error{
  background:#7f1d1d;color:#fee2e2;font-size:13px;font-weight:500;
  word-break:break-all;line-height:1.6;
}

/* Hidden until the script confirms the visitor qualifies. */
.cg-scope.cg-scope.cg-locked,.cg-shot.cg-shot.cg-locked{display:none}

/* Loading veil shown while a rewarded ad is being requested. */
.cg-veil{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  background:rgba(8,12,20,.82);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
}
.cg-veil .cg-veil-box{
  display:flex;align-items:center;gap:12px;
  background:#111a2e;color:#fff;
  padding:16px 24px;border-radius:12px;
  font-size:14px;font-weight:600;letter-spacing:.02em;
  box-shadow:0 18px 44px rgba(0,0,0,.5);
}
.cg-veil .cg-veil-spin{
  width:17px;height:17px;flex:0 0 auto;border-radius:50%;
  border:2px solid rgba(255,255,255,.25);border-top-color:#22d3ee;
  animation:cg-spin .8s linear infinite;
}
@keyframes cg-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .cg-veil .cg-veil-spin{animation-duration:2s}
}
