html{
  visibility:visible;
  -webkit-text-size-adjust:100% !important;
  -moz-text-size-adjust:100% !important;
  text-size-adjust:100% !important;
  font-size:16px !important;
}
html.rdy{visibility:visible;transition:opacity .15s ease;opacity:1}
*{-webkit-text-size-adjust:inherit;text-size-adjust:inherit}

:root{

  --r0:#060a28;--r1:#080d3d;--r2:#0d1b55;--r3:#0b5cad;
  --r4:#0b5cad;--r5:#2196f3;--r6:#2196f3;--r7:#42a8f5;
  --r8:#6bbef8;--r9:#8fc6fb;

  --g1:#a67c3f;--g2:#c08d4b;--g3:#d5a15d;--g4:#e3b87e;--g5:#f3d9ad;

  --w:#ffffff;--w9:rgba(255,255,255,.92);--w8:rgba(255,255,255,.80);
  --w6:rgba(255,255,255,.60);--w4:rgba(255,255,255,.40);--w2:rgba(255,255,255,.20);
  --w1:rgba(255,255,255,.10);--w05:rgba(255,255,255,.05);

  --light-bg:#f7f9fc;--light2:#e8f1fa;--light3:#dde9f7;
  --txt:#171b2d;--txt2:#3a4a63;--txt3:#687085;--txt4:#8fa0b8;
  --border:rgba(var(--r3-rgb,11,92,173),.18);--border2:rgba(var(--r3-rgb,11,92,173),.08);

  --spring:cubic-bezier(.34,1.56,.64,1);--out:cubic-bezier(.22,1,.36,1);--in:cubic-bezier(.4,0,1,1);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:inherit}
html,body{height:100%;font-family:'Inter',sans-serif;font-size:16px}
body{background:var(--r0);overflow-y: auto;
  overflow-x: hidden;
  height: auto;}

.bg{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:#fff;
}



.tb-btn{
  width:40px;height:40px;border-radius:13px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  display:grid;place-items:center;font-size:17px;cursor:pointer;
  transition:all .28s var(--spring);position:relative;overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 2px 8px rgba(0,0,0,.3);
}
.tb-btn::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at center,rgba(var(--g4-rgb,227,184,126),.25),transparent 60%);
  opacity:0;transition:opacity .25s;
}
.tb-btn:hover::before{opacity:1}
.tb-btn:hover{border-color:rgba(var(--g4-rgb,227,184,126),.3);transform:translateY(-1px)}
.tb-btn:active{transform:scale(.84)}
@keyframes notifPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
.faq-btn{
  background:var(--bt5-bg,rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.12);
  border-radius:20px;padding:8px 16px;
  font-family:var(--bt5-ff,'Sora'),sans-serif;font-weight:var(--bt5-fw,700);font-size:var(--bt5-fs,12.5px);color:var(--bt5-c,#fff);
  cursor:pointer;transition:all .28s var(--spring);position:relative;overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
.faq-btn::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(var(--g4-rgb,227,184,126),.15),transparent);
  transform:translateX(-100%);transition:transform .4s;
}
.faq-btn:hover::before{transform:translateX(100%)}
.faq-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(var(--g4-rgb,227,184,126),.3)}
.faq-btn:active{transform:scale(.88)}

@keyframes goldSweep{
  0%{background-position:100%;opacity:.8}
  50%{background-position:0%;opacity:1}
  100%{background-position:100%;opacity:.8}
}

.s-btn{
  height:40px;
  margin:0 6px;
  padding:0 18px;
  border:none;cursor:pointer;
  border-radius:14px;
  flex-shrink:0;
  position:relative;overflow:hidden;
  font-family:'Sora',sans-serif;font-weight:900;font-size:12px;
  color:#fff;letter-spacing:.4px;text-shadow:0 0 8px rgba(var(--r5-rgb,33,150,243),0);

background: linear-gradient(160deg, var(--r7,#42a8f5) 0%, var(--r5,#2196f3) 35%, var(--r7,#42a8f5) 70%, var(--r3,#0b5cad) 100%);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border:1px solid rgba(var(--r5-rgb,33,150,243),.45);
  box-shadow:
    0 4px 0 rgba(0,0,0,.18),
    0 6px 16px rgba(0,0,0,.18),
    0 0 12px rgba(var(--g3-rgb,213,161,93),0),
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 -1px 0 rgba(0,0,0,.12);
  transition:all .18s ease;
}

.s-btn::before{display:none;}
.s-btn::after{display:none;}

.s-btn:active{
  transform:scale(.95) !important;
  box-shadow:
    0 1px 0 rgba(0,0,0,.2),
    0 2px 6px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 2px 4px rgba(0,0,0,.12) !important;
  transition-duration:.08s !important;
}

.s-btn:hover{
  transform:translateY(-1px);
  box-shadow:
    0 6px 0 rgba(0,0,0,.22),
    0 10px 20px rgba(0,0,0,.3),
    inset 0 1px 0 rgba(255,255,255,.4),
    inset 0 -1px 0 rgba(0,0,0,.15);
}
.s-btn:hover{
  background:linear-gradient(145deg,#f8fafc,#f3d9ad,var(--g4),var(--g3));
  box-shadow:0 5px 18px rgba(var(--g3-rgb,213,161,93),0),inset 0 1px 0 rgba(255,255,255,.65);
  transform:translateY(-1px);
}
.s-btn:active{transform:scale(.92) translateY(1px);}

@keyframes badgeGlow{
  from{box-shadow:0 2px 8px rgba(var(--g3-rgb,213,161,93),0)}
  to{box-shadow:0 2px 20px rgba(var(--g3-rgb,213,161,93),0),0 0 0 3px rgba(var(--g3-rgb,213,161,93),0)}
}

.pico{
  width:34px;height:34px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;font-size:16px;
  cursor:pointer;border:1.5px solid rgba(255,255,255,.18);
  box-shadow:0 3px 12px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2);
  position:relative;overflow:hidden;
  transition:all .28s var(--spring);
}
.pico:active{transform:scale(.78) rotate(-8deg)}

@keyframes irid{0%{background-position:0%}100%{background-position:300%}}

@keyframes countPulse{0%,100%{box-shadow:0 3px 14px rgba(var(--r5-rgb,33,150,243),.38)}50%{box-shadow:0 4px 22px rgba(var(--r5-rgb,33,150,243),.6)}}

@keyframes shimR{0%{left:-130%}100%{left:220%}}

@keyframes dotBeat{
  0%,100%{transform:scale(1);box-shadow:0 0 6px rgba(var(--g3-rgb,213,161,93),0);}
  50%{transform:scale(1.5);box-shadow:0 0 14px rgba(var(--g3-rgb,213,161,93),0),0 0 0 4px rgba(var(--g3-rgb,213,161,93),0);}
}
@keyframes cashGlow{
  from{text-shadow:0 0 8px rgba(var(--g3-rgb,213,161,93),0);}
  to{text-shadow:0 0 18px rgba(var(--g3-rgb,213,161,93),0),0 0 30px rgba(var(--g3-rgb,213,161,93),0);}
}
@keyframes cashCount{
  0%{transform:translateY(0);opacity:1}
  8%{transform:translateY(-3px);opacity:.6}
  16%{transform:translateY(0);opacity:1}
  100%{transform:translateY(0);opacity:1}
}
@keyframes shimR{0%{left:-130%}100%{left:220%}}
@keyframes coinFlip{0%,75%,100%{transform:rotateY(0)}82%{transform:rotateY(180deg)}91%{transform:rotateY(360deg)}}
@keyframes cbAurora{0%{transform:translateX(-110%)}100%{transform:translateX(130%)}}

@keyframes sdot{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:.8;transform:scale(1.6)}}

.toast{
  position:fixed;top:76px;left:50%;
  transform:translateX(-50%) translateY(-12px);
  background:linear-gradient(135deg,var(--r5),var(--r7));
  color:#fff;font-family:'Sora',sans-serif;font-size:12px;font-weight:700;
  padding:10px 22px;border-radius:50px;
  box-shadow:0 8px 28px rgba(var(--r3-rgb,11,92,173),.45);
  z-index:9999999;opacity:0;pointer-events:none;
  transition:all .28s var(--out);white-space:nowrap;
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.rip-el{position:fixed;border-radius:50%;pointer-events:none;z-index:9999;border:2px solid rgba(var(--r5-rgb,33,150,243),.4);animation:rip .55s ease-out both}
@keyframes rip{from{width:0;height:0;opacity:.8;transform:translate(-50%,-50%)}to{width:88px;height:88px;opacity:0;transform:translate(-50%,-50%)}}
.bst{position:fixed;pointer-events:none;z-index:9999;animation:bst var(--d) ease-out both}
@keyframes bst{from{opacity:1;transform:translate(0,0) scale(.4)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(1.5) rotate(360deg)}}
.amb{position:fixed;pointer-events:none;z-index:0;animation:ambUp var(--d,6s) var(--dl,0s) ease-out both}
@keyframes ambUp{0%{opacity:0;transform:translateY(0) scale(.5)}15%{opacity:.5}85%{opacity:.2}100%{opacity:0;transform:translateY(-110px) scale(.8) rotate(200deg)}}
@keyframes goldRing{0%{transform:translate(-50%,-50%) scale(0);opacity:.9;border-width:3px}60%{opacity:.5}100%{transform:translate(-50%,-50%) scale(1);opacity:0;border-width:1px}}
@keyframes starBurst{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(0) rotate(var(--sr))}}
@keyframes inkRip{0%{transform:translate(-50%,-50%) scale(0);opacity:.6}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}

.found-close{
  width:34px;height:34px;border-radius:10px;
  background:rgba(var(--r5-rgb,33,150,243),.07);border:1px solid rgba(var(--r5-rgb,33,150,243),.14);
  display:grid;place-items:center;font-size:16px;cursor:pointer;
  color:var(--txt3);transition:all .22s var(--spring);
}
.found-close:active{transform:scale(.84)}
.found-btn-cancel{
  flex:1;padding:14px;border-radius:15px;border:1.5px solid var(--border);
  background:#fff;cursor:pointer;
  font-family:'Sora',sans-serif;font-size:13.5px;font-weight:700;color:var(--txt3);
  transition:all .25s var(--spring);
}
.found-btn-cancel:active{transform:scale(.94)}
.found-btn-cek{
  flex:2;padding:14px;border-radius:15px;border:none;cursor:pointer;
  background:linear-gradient(135deg,var(--r8) 0%,var(--r6) 48%,var(--r4) 100%);
  color:#fff;font-family:'Sora',sans-serif;font-size:14px;font-weight:800;
  position:relative;overflow:hidden;
  box-shadow:0 5px 20px rgba(var(--r3-rgb,11,92,173),.42),inset 0 1px 0 rgba(255,255,255,.18);
  transition:all .28s var(--spring);
}
.found-btn-cek::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-100%);animation:shimR 2.5s ease-in-out infinite .5s}
.found-btn-cek::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--g4-rgb,227,184,126),.5),transparent)}
.found-btn-cek:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(var(--r3-rgb,11,92,173),.55)}
.found-btn-cek:active{transform:scale(.96)}
.found-btn-cek span{position:relative;z-index:1}

.pd-back{
  width:38px;height:38px;border-radius:12px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  display:grid;place-items:center;color:#fff;font-size:18px;cursor:pointer;
  transition:all .25s var(--spring);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
.pd-back:active{transform:scale(.84)}
.pd-share{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;font-size:16px;cursor:pointer;transition:all .25s var(--spring)}
.pd-share:active{transform:scale(.84)}

@keyframes pdCashCount{
  0%   {transform:translateY(0);opacity:1}
  6%   {transform:translateY(-4px);opacity:.65}
  12%  {transform:translateY(0);opacity:1}
  100% {transform:translateY(0);opacity:1}
}

@keyframes arrowPulse{0%{transform:translateX(-2px);opacity:.4}100%{transform:translateX(2px);opacity:1}}

.pd-btn-back{width:50px;height:50px;border-radius:14px;flex-shrink:0;background:#fff;border:1.5px solid var(--border);display:grid;place-items:center;font-size:20px;cursor:pointer;box-shadow:0 3px 12px rgba(var(--r5-rgb,33,150,243),.07);transition:all .28s var(--spring)}
.pd-btn-back:active{transform:scale(.86)}
.pd-btn-order{
  flex:1;padding:15px;border-radius:16px;border:none;cursor:pointer;
  background:linear-gradient(135deg,var(--r8) 0%,var(--r6) 48%,var(--r4) 100%);
  color:#fff;font-family:'Sora',sans-serif;font-size:14.5px;font-weight:800;
  position:relative;overflow:hidden;letter-spacing:.2px;
  box-shadow:0 6px 24px rgba(var(--r3-rgb,11,92,173),.48),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.2);
  transition:all .3s var(--spring);
}
.pd-btn-order::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-100%);animation:shimR 2.5s ease-in-out infinite .5s}
.pd-btn-order::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--g4-rgb,227,184,126),.5),transparent)}
.pd-btn-order:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(var(--r3-rgb,11,92,173),.58)}
.pd-btn-order:active{transform:scale(.96)}
.pd-btn-order span{position:relative;z-index:1}

::-webkit-scrollbar{width:0}

html{
  font-size:16px !important;
  -webkit-text-size-adjust:100% !important;
  -moz-text-size-adjust:100% !important;
  text-size-adjust:100% !important;
}
body,*{
  -webkit-text-size-adjust:none !important;
  text-size-adjust:none !important;
}

.sub-page{
  position:fixed;inset:0;z-index:900;
  max-width:430px;margin:0 auto;
  display:flex;flex-direction:column;
  background:linear-gradient(170deg,#f7f9fc 0%,#f1f5f9 25%,#e8f1fa 55%,#dde9f7 100%);
  opacity:0;pointer-events:none;
  transition:opacity .3s var(--out);
}
.sub-page.open{opacity:1;pointer-events:all}

.sub-topbar{
  flex-shrink:0;display:flex;align-items:center;gap:12px;
  padding:13px 16px 11px;
  background:var(--tb-sub,linear-gradient(135deg,var(--hd,#0b4a8f) 0%,var(--hd,#0b5cad) 35%,var(--hd,#0b5cad) 60%,var(--hd,#0b4a8f) 100%));

  border-bottom:1px solid rgba(var(--g3-rgb,213,161,93),.18);
  box-shadow:0 4px 20px rgba(var(--r3-rgb,11,92,173),.5),inset 0 1px 0 rgba(255,255,255,.12);
  position:relative;
}
.sub-topbar::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--r5-rgb,33,150,243),.3) 20%,var(--g3) 50%,rgba(var(--r5-rgb,33,150,243),.3) 80%,transparent);
}
.sub-back{
  width:36px;height:36px;border-radius:11px;
  background:var(--sbk-bg,rgba(255,255,255,.15));border:1px solid rgba(var(--g4-rgb,227,184,126),.3);
  display:grid;place-items:center;font-size:17px;color:var(--sbk-c,#fff);cursor:pointer;
  transition:all .22s var(--spring);
}
.sub-back:active{transform:scale(.84)}
.sub-title{flex:1;font-family:var(--st-ff,'Sora'),sans-serif;font-weight:var(--st-fw,800);font-size:var(--st-fs,15px);color:var(--st-c,#fff)}
.sub-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:100px;}
.sub-scroll::-webkit-scrollbar{width:0}

.pg-card{
  background:#fff;border:1px solid rgba(var(--r3-rgb,11,92,173),.13);
  border-radius:18px;
  box-shadow:0 4px 18px rgba(var(--r3-rgb,11,92,173),.08),inset 0 1px 0 rgba(255,255,255,.9);
  margin:0 14px 12px;
  overflow:hidden;
  position:relative;
}
.pg-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2.5px;
  background:linear-gradient(90deg,var(--r7),var(--g4),#fff,var(--r6),var(--g3));
  background-size:300%;animation:irid 4s linear infinite;
}
.pg-section-title{
  font-family:'Sora',sans-serif;font-size:13px;font-weight:800;
  color:var(--txt);padding:14px 16px 0;
  display:flex;align-items:center;gap:7px;
}
.pg-sec-ico{
  width:26px;height:26px;border-radius:8px;
  background:var(--g3);
  display:grid;place-items:center;font-size:12px;
  box-shadow:0 2px 8px rgba(var(--r5-rgb,33,150,243),.3);
}

.hero-stat-card{
  margin:16px 14px 12px;
  background:linear-gradient(135deg,var(--r3) 0%,var(--r4) 38%,var(--r5) 68%,var(--r3) 100%);
  border-radius:22px;padding:22px 20px;
  position:relative;overflow:hidden;
  box-shadow:0 8px 30px rgba(var(--r3-rgb,11,92,173),.45),inset 0 1px 0 rgba(255,255,255,.15);
}
.hero-stat-card::after{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent 5%,rgba(255,255,255,.45) 50%,transparent 95%);
}
.hsc-lbl{font-size:10px;color:rgba(255,200,180,.7);font-weight:600;font-family:'Sora',sans-serif;letter-spacing:.6px;text-transform:uppercase;margin-bottom:5px;position:relative;z-index:1}
.hsc-val{font-family:'Sora',sans-serif;font-size:30px;font-weight:900;color:#fff;letter-spacing:-1px;line-height:1;margin-bottom:14px;position:relative;z-index:1;text-shadow:0 0 20px rgba(255,100,60,.5)}
.hsc-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;position:relative;z-index:1}
.hsc-box{background:rgba(255,255,255,.12);border-radius:12px;padding:10px 8px;text-align:center;border:1px solid rgba(255,255,255,.16)}
.hsc-box-n{font-family:'Sora',sans-serif;font-size:12px;font-weight:800;color:#fff}
.hsc-box-l{font-size:8.5px;color:rgba(255,220,200,.65);font-weight:600;font-family:'Sora',sans-serif;margin-top:2px;letter-spacing:.3px}

.pg-list-item{
  display:flex;align-items:center;gap:13px;
  padding:14px 16px;
  border-bottom:1px solid rgba(var(--r3-rgb,11,92,173),.07);
  cursor:pointer;transition:background .2s;
}
.pg-list-item:last-child{border-bottom:none}
.pg-list-item:active{background:rgba(var(--r5-rgb,33,150,243),.04)}
.pli-ico{
  width:40px;height:40px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:18px;
  background:linear-gradient(135deg,rgba(var(--r5-rgb,33,150,243),.12),rgba(var(--r5-rgb,33,150,243),.06));
  border:1px solid rgba(var(--r5-rgb,33,150,243),.18);
}
.pli-body{flex:1;min-width:0}
.pli-name{font-family:'Sora',sans-serif;font-size:13px;font-weight:700;color:var(--txt);margin-bottom:3px}
.pli-desc{font-size:11.5px;color:var(--txt3);line-height:1.4}
.pli-right{text-align:right;flex-shrink:0}
.pli-val{font-family:'Sora',sans-serif;font-size:13px;font-weight:800;color:var(--r6)}
.pli-sub{font-size:10.5px;color:var(--txt4);margin-top:2px}
.pli-badge{
  font-size:10px;font-weight:700;font-family:'Sora',sans-serif;
  padding:3px 9px;border-radius:10px;
}
.badge-green{background:rgba(0,180,100,.1);color:#00954a;border:1px solid rgba(0,180,100,.2)}
.badge-orange{background:rgba(238,130,0,.1);color:#c08d4b;border:1px solid rgba(238,130,0,.2)}

html, body { height: 100%; height: 100dvh; }

.sub-page {
  max-width: 100vw !important;
  width: 100%;
  height: 100vh;
  height: 100dvh;
}

.sub-topbar {
  padding-top: max(env(safe-area-inset-top, 0px), 13px);
}

#cvs { width: 100% !important; height: 100% !important; }

 .pg-card {
  margin-left: 12px;
  margin-right: 12px;
}

.hsc-val { font-size: clamp(24px, 7vw, 30px); }

@media screen and (max-width: 359px) {
  .tb-btn { width: 36px; height: 36px; }
   .pg-card { margin-left: 10px; margin-right: 10px; }
  .hsc-val { font-size: 22px; }
  .hsc-box-n { font-size: 13px; }
}

@media screen and (min-width: 360px) and (max-width: 414px) {
}

@media screen and (min-width: 415px) {
  .sub-page { max-width: 430px !important; margin: 0 auto; }
}

@media screen and (orientation: landscape) and (max-height: 500px) {
  .hero-stat-card { padding: 14px 16px; }
  .hsc-val { font-size: 22px; margin-bottom: 10px; }
}

@supports (height: 100dvh) {
   .sub-page { height: 100dvh; }
}

@keyframes afCardFloat{
  from{transform:translateY(0) perspective(800px) rotateX(0deg);}
  to{transform:translateY(-4px) perspective(800px) rotateX(1.5deg);}
}

@keyframes afTabSlide{
  from{opacity:0;transform:translateY(-10px);}
  to{opacity:1;transform:translateY(0);}
}

@keyframes tabRing{
  0%,100%{opacity:0;transform:scale(1);}
  50%{opacity:1;transform:scale(1.03);}
}

@keyframes mmcSlideIn{
  from{opacity:0;transform:translateX(-14px);}
  to{opacity:1;transform:translateX(0);}
}

@keyframes waPulse{
  0%,100%{box-shadow:0 2px 8px rgba(37,211,102,.35);}
  50%{box-shadow:0 2px 16px rgba(37,211,102,.7), 0 0 0 4px rgba(37,211,102,.15);}
}

@keyframes codeShimmer{
  0%{left:-60%;}40%,100%{left:120%;}
}

@keyframes dstBounce{
  from{opacity:0;transform:scale(.85);}
  to{opacity:1;transform:scale(1);}
}

@keyframes listFadeIn{
  from{opacity:0;transform:translateY(8px);}
  to{opacity:1;transform:translateY(0);}
}

@keyframes todayPop{
  from{transform:scale(1);}
  to{transform:scale(1.12) translateY(-1px);}
}

@keyframes rtcFloat{
  from{transform:translate(0,0) scale(1);opacity:var(--o,.3);}
  to{transform:translate(var(--tx,10px),var(--ty,-15px)) scale(1.2);opacity:0;}
}

@keyframes codeFlip{
  0%{transform:perspective(200px) rotateY(0);}
  50%{transform:perspective(200px) rotateY(90deg);}
  100%{transform:perspective(200px) rotateY(0);}
}

@keyframes numGlow{
  from{text-shadow:0 0 10px rgba(255,100,60,.3);}
  to{text-shadow:0 0 28px rgba(255,100,60,.7), 0 0 50px rgba(var(--g3-rgb,213,161,93),0);}
}

@keyframes gscEntry{
  from{opacity:0;transform:perspective(600px) rotateX(8deg) translateY(12px);}
  to{opacity:1;transform:perspective(600px) rotateX(0) translateY(0);}
}

@keyframes mrSlide{
  from{opacity:0;transform:translateX(-10px);}
  to{opacity:1;transform:translateX(0);}
}

@keyframes innerGlow{
  0%,100%{opacity:.4;}
  50%{opacity:1;}
}

@keyframes incomeShimmer{
  0%{left:-60%;}50%,100%{left:130%;}
}

@keyframes mmcShimmer{
  0%{transform:translateX(-100%);}40%,100%{transform:translateX(200%);}
}

@keyframes avRingSpin{to{transform:rotate(360deg);}}

.pico{
  width:36px !important;
  height:36px !important;
  font-size:17px !important;
}

@keyframes bnFloat{
  from{transform:translateY(-55%) rotate(-3deg);}
  to{transform:translateY(-45%) rotate(3deg);}
}

@keyframes redRingSweep{
  0%  {background-position:0% 50%;box-shadow:0 0 10px rgba(var(--r5-rgb,33,150,243),.5),0 0 24px rgba(var(--r5-rgb,33,150,243),.25);}
  50% {background-position:100% 50%;box-shadow:0 0 18px rgba(255,80,40,.9),0 0 40px rgba(var(--r5-rgb,33,150,243),.45),0 0 70px rgba(var(--r5-rgb,33,150,243),.18);}
  100%{background-position:0% 50%;box-shadow:0 0 10px rgba(var(--r5-rgb,33,150,243),.5),0 0 24px rgba(var(--r5-rgb,33,150,243),.25);}
}

@keyframes sparkOrbit{
  0%  {opacity:0;transform:rotate(0deg) translateX(var(--r,120px)) scale(0);}
  8%  {opacity:1;transform:rotate(calc(0deg + 30deg)) translateX(var(--r,120px)) scale(1);}
  92% {opacity:1;transform:rotate(calc(360deg - 30deg)) translateX(var(--r,120px)) scale(1);}
  100%{opacity:0;transform:rotate(360deg) translateX(var(--r,120px)) scale(0);}
}

@keyframes bnShimmer{
  0%{left:-100%;}40%,100%{left:160%;}
}

@keyframes bnOrb{
  from{transform:translate(0,0) scale(1);}
  to{transform:translate(-15px,15px) scale(1.2);}
}

@keyframes bnFloat{
  from{transform:translateY(-52%) rotate(-4deg) scale(1);}
  to{transform:translateY(-48%) rotate(4deg) scale(1.05);}
}

@keyframes tagPop{from{opacity:0;transform:translateX(-8px);}to{opacity:1;transform:none;}}

@keyframes cardRise{
  from{opacity:0;transform:translateY(18px) scale(.97);}
  to{opacity:1;transform:translateY(0) scale(1);}
}

@keyframes shopBob{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-2px);}
}

@keyframes cbBreath{
  0%,100%{background:#fff0f0 !important;}
  50%{background:#fff0f0 !important;}
}

@keyframes iridLine{
  0%{background-position:0%}100%{background-position:200%}
}

@keyframes cbValuePop{
  0%{transform:scale(1);}
  50%{transform:scale(1.08);}
  100%{transform:scale(1);}
}

@keyframes tickerIn{
  from{opacity:0;transform:translateX(18px);}
  to{opacity:1;transform:translateX(0);}
}
@keyframes tickerOut{
  from{opacity:1;transform:translateX(0);}
  to{opacity:0;transform:translateX(-18px);}
}

@keyframes scan {
    0%   { transform: translateX(-15px) rotate(-15deg); }
    50%  { transform: translateX(15px) rotate(15deg); }
    100% { transform: translateX(-15px) rotate(-15deg); }
}

@keyframes spin{
    to{ transform:rotate(360deg); }
}

@keyframes blink{
    0%,80%,100%{ opacity:.25; }
    40%{ opacity:1; }
}

@keyframes loaderPop{
    from{
        transform:scale(.92);
        opacity:0;
    }
    to{
        transform:scale(1);
        opacity:1;
    }
}

.sub-pages {
          position: relative;
  inset: unset;
  width: 100%;
        z-index: 900;
        max-width: 430px;
        margin: 0 auto;
        flex-direction: column;
        background: linear-gradient(
          170deg,
          #f7f9fc 0%,
          #f1f5f9 25%,
          #e8f1fa 55%,
          #dde9f7 100%
        );
        pointer-events: all;
        transition: opacity 0.3s var(--out);
        padding-bottom: 50px;
      }

.bchip {
  display:flex; align-items:center; gap:5px;
  background:rgba(255,255,255,0.04);
  border:1.5px solid rgba(212,170,74,0.10);
  border-radius:50px; padding:5px 11px;
  font-size:11px; font-weight:800; color:#fff;
  cursor:none; transition:all .2s; white-space:nowrap; flex-shrink:0;
}
.bchip.on {
  background:#2563eb;
  border-color:#fff;
  color:#fff;
  box-shadow:0 3px 12px rgba(212,170,74,0);
    display: flex;
  justify-content: center;
}
.bchip:hover:not(.on) { border-color:rgba(212,170,74,0.25); color:var(--w80); }
.bdot { width:7px; height:7px; border-radius:50%; flex-shrink:0; }

.btn-pagination {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-top: 4px;
    background: var(--r6);
    color: wheat;
    border: none;
    border-radius: 3px;
}