/* JAKSKY VIP PREMIUM EXPERIENCE V2 */
:root{
  --vp-pink:#ff3e98;--vp-pink2:#ff6cb4;--vp-purple:#9e46ef;--vp-gold:#f4c95d;
  --vp-ink:#2d1a27;--vp-muted:#826b78;--vp-line:rgba(169,72,121,.13);
}

#vipShopModal.vipPremiumReady{
  background:radial-gradient(circle at 50% 8%,rgba(255,74,163,.16),transparent 28%),rgba(32,12,26,.62)!important;
  backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
}
#vipShopModal.vipPremiumReady .vipShopSheet{
  width:min(440px,100%)!important;border-radius:32px!important;padding:19px 17px 23px!important;
  background:radial-gradient(circle at 90% 1%,rgba(172,69,242,.10),transparent 25%),linear-gradient(180deg,#fff 0%,#fff9fc 55%,#fff5fa 100%)!important;
  border:1px solid rgba(255,82,163,.18)!important;box-shadow:0 32px 90px rgba(50,15,38,.30),inset 0 1px 0 rgba(255,255,255,.92)!important;
  overflow-x:hidden!important;
}
#vipShopModal.vipPremiumReady .vipShopSheet::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,transparent 24%,rgba(255,255,255,.62) 42%,transparent 56%);background-size:250% 100%;
  opacity:.22;animation:vipPremiumSheen 7s ease-in-out infinite;
}
#vipShopModal.vipPremiumReady .vipShopClose{
  top:2px!important;width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;margin-bottom:-39px!important;
  border-radius:14px!important;background:rgba(255,255,255,.90)!important;color:#9a627e!important;border:1px solid rgba(156,84,121,.10)!important;
  box-shadow:0 8px 20px rgba(73,25,53,.09)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
}
#vipShopModal.vipPremiumReady .vipShopClose:active{transform:scale(.90)!important}
#vipShopModal.vipPremiumReady .vipShopHero{align-items:center!important;gap:13px!important;padding:5px 48px 7px 2px!important}
#vipShopModal.vipPremiumReady .vipShopCrown{
  position:relative;width:61px!important;height:61px!important;flex-basis:61px!important;border-radius:20px!important;
  background:radial-gradient(circle at 32% 25%,#fff8d8 0%,#ffe89d 38%,#ffd2e8 100%)!important;
  border:1px solid rgba(231,176,61,.22)!important;box-shadow:0 14px 28px rgba(207,154,50,.16),inset 0 1px 0 rgba(255,255,255,.95)!important;
  font-size:29px!important;animation:vipCrownFloat 3.4s ease-in-out infinite;
}
#vipShopModal.vipPremiumReady .vipShopCrown::after{content:"";position:absolute;inset:-5px;border-radius:24px;border:1px solid rgba(244,201,93,.18);animation:vipCrownHalo 2.8s ease-in-out infinite}
#vipShopModal.vipPremiumReady .vipShopEyebrow{color:#bd5a8f!important;font-size:9px!important;letter-spacing:.16em!important}
#vipShopModal.vipPremiumReady .vipShopHero h2{font-size:27px!important;letter-spacing:-.035em!important;background:linear-gradient(90deg,#dd367e,#a343e4);-webkit-background-clip:text;background-clip:text;color:transparent!important}
#vipShopModal.vipPremiumReady .vipShopHero p{color:#7f6875!important;font-size:11.5px!important}

#vipShopModal.vipPremiumReady .vipShopTrustStrip{gap:7px!important;margin:14px 0 16px!important}
#vipShopModal.vipPremiumReady .vipShopTrustStrip span{padding:7px 10px!important;border-radius:12px!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(226,83,153,.10)!important;color:#765d69!important;box-shadow:0 5px 14px rgba(78,27,55,.05)!important}

#vipShopModal.vipPremiumReady .vipDanaPaymentCard{
  margin-bottom:17px!important;padding:17px!important;border-radius:23px!important;
  background:radial-gradient(circle at 88% 6%,rgba(255,76,166,.21),transparent 33%),linear-gradient(145deg,#291722,#160f15)!important;
  border:1px solid rgba(255,101,177,.24)!important;box-shadow:0 18px 36px rgba(38,10,28,.20),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#vipShopModal.vipPremiumReady .vipDanaPaymentCard>b{display:flex!important;justify-content:center!important;gap:7px!important;color:#fff5fa!important;font-size:15px!important}
#vipShopModal.vipPremiumReady .vipDanaInfo{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;padding:9px 11px!important;margin-top:10px!important}
#vipShopModal.vipPremiumReady .vipDanaInfo .vipDanaLabel{color:#b9a5af!important}
#vipShopModal.vipPremiumReady .vipDanaInfo b{color:#fff!important}
#vipShopModal.vipPremiumReady .vipQrisFrame{width:min(220px,67vw)!important;margin:15px auto 12px!important;padding:9px!important;border-radius:20px!important;background:#fff!important;border:1px solid rgba(255,255,255,.60)!important;box-shadow:0 14px 34px rgba(0,0,0,.23),0 0 0 5px rgba(255,255,255,.035)!important}
#vipShopModal.vipPremiumReady .vipQrisImage{border-radius:12px!important}
#vipShopModal.vipPremiumReady .vipQrisOpenBtn{min-height:45px!important;border-radius:14px!important;background:linear-gradient(90deg,#ff399b,#d74ad3)!important;color:#fff!important;box-shadow:0 10px 22px rgba(226,52,149,.22)!important}
#vipShopModal.vipPremiumReady .vipDanaHelp{margin:10px 2px 0!important;color:#baa7b1!important;line-height:1.55!important}

#vipShopModal.vipPremiumReady .vipPackageCard{
  position:relative!important;overflow:hidden!important;isolation:isolate!important;margin:13px 0!important;padding:18px!important;border-radius:24px!important;
  background:linear-gradient(155deg,#fff,#fff9fc)!important;border:1px solid rgba(189,82,136,.13)!important;box-shadow:0 12px 30px rgba(73,25,53,.10)!important;
  transition:transform .18s cubic-bezier(.22,.8,.2,1),box-shadow .18s ease!important;
}
#vipShopModal.vipPremiumReady .vipPackageCard::after{content:"";position:absolute;width:130px;height:130px;right:-58px;top:-70px;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(255,87,167,.10),transparent 68%)}
#vipShopModal.vipPremiumReady .vipPackageCard:active{transform:scale(.985)!important}
#vipShopModal.vipPremiumReady .vipBasicCard{border-color:rgba(57,163,219,.15)!important}
#vipShopModal.vipPremiumReady .vipProCard{background:radial-gradient(circle at 90% 0%,rgba(246,200,84,.17),transparent 28%),linear-gradient(150deg,#fffdf8,#fff6fb)!important;border:1px solid rgba(228,177,58,.30)!important;box-shadow:0 17px 38px rgba(117,71,18,.11),0 8px 20px rgba(194,57,128,.06)!important}
#vipShopModal.vipPremiumReady .vipProCard::before{content:"PALING POPULER";display:block!important;position:absolute;top:0;left:18px;padding:5px 9px 6px;border-radius:0 0 9px 9px;background:linear-gradient(90deg,#f2c757,#ffdf7d);color:#6c4b00;font-size:7px;font-weight:950;letter-spacing:.10em;z-index:2}
#vipShopModal.vipPremiumReady .vipProCard .vipPackageHead{padding-top:9px!important}
#vipShopModal.vipPremiumReady .vipPackageHead h3{color:#3b2532!important;font-size:18px!important;letter-spacing:-.02em!important}
#vipShopModal.vipPremiumReady .vipPackageTag{padding:6px 9px!important;border-radius:10px!important}
#vipShopModal.vipPremiumReady .vipPackageTagPro{background:linear-gradient(90deg,#f7da78,#efc653)!important;color:#644600!important;box-shadow:0 5px 13px rgba(209,161,42,.14)!important}
#vipShopModal.vipPremiumReady .vipPackagePrice{margin:6px 0 12px!important;color:#2d1a27!important;font-size:30px!important;letter-spacing:-.045em!important}
#vipShopModal.vipPremiumReady .vipProCard .vipPackagePrice{color:#c83d81!important}
#vipShopModal.vipPremiumReady .vipPackageBenefits{gap:7px!important}
#vipShopModal.vipPremiumReady .vipPackageBenefits span{position:relative!important;padding:9px 10px 9px 31px!important;border-radius:13px!important;background:#fff!important;color:#67515e!important;border:1px solid rgba(143,76,110,.08)!important;box-shadow:0 4px 12px rgba(71,26,51,.035)!important}
#vipShopModal.vipPremiumReady .vipPackageBenefits span::before{content:"✓";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:#ecfff5;color:#1eaa66;font-size:9px;font-weight:950}
#vipShopModal.vipPremiumReady .vipPackageCard .vipBuyBtn{position:relative!important;min-height:50px!important;border-radius:15px!important;overflow:hidden!important;color:#fff!important;border:0!important;font-size:13px!important;font-weight:900!important}
#vipShopModal.vipPremiumReady .vipBasicCard .vipBuyBtn{background:linear-gradient(90deg,#2699e8,#5ebfec)!important;box-shadow:0 10px 22px rgba(38,153,232,.18)!important}
#vipShopModal.vipPremiumReady .vipProCard .vipBuyBtn{background:linear-gradient(90deg,#ff399a,#a743eb)!important;box-shadow:0 12px 25px rgba(206,58,158,.23)!important}
#vipShopModal.vipPremiumReady .vipPackageCard .vipBuyBtn::after{content:"›";position:absolute;right:16px;top:50%;transform:translateY(-52%);font-size:23px;opacity:.85}

#vipShopModal.vipPremiumReady .myVipOrdersSection{margin-top:17px!important;padding:15px!important;border-radius:22px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(176,81,128,.10)!important;box-shadow:0 12px 28px rgba(60,22,43,.07)!important}
#vipShopModal.vipPremiumReady .myVipOrderItem{background:#fff!important;border:1px solid rgba(169,79,124,.09)!important;box-shadow:0 6px 16px rgba(62,21,44,.045)!important}

/* Checkout */
#vipCheckoutModal.vipPremiumCheckout{background:radial-gradient(circle at 50% 8%,rgba(255,63,152,.18),transparent 30%),rgba(16,7,13,.76)!important;backdrop-filter:blur(13px)!important;-webkit-backdrop-filter:blur(13px)!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutBox{width:min(420px,94vw)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;padding:20px 18px 22px!important;border-radius:30px!important;background:radial-gradient(circle at 90% 0%,rgba(177,64,236,.13),transparent 26%),linear-gradient(170deg,#21141d,#130d12)!important;border:1px solid rgba(255,94,173,.20)!important;box-shadow:0 34px 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.05)!important;scrollbar-width:none!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutBox::-webkit-scrollbar{display:none}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutClose{top:13px!important;right:13px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:13px!important;background:#32202b!important;color:#f0cadc!important;border:1px solid rgba(255,220,238,.08)!important;font-size:19px!important;box-shadow:none!important}
.vipPremiumSteps{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:6px;margin:3px 44px 16px 0;color:#796a72}
.vipPremiumStep{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:8px;font-weight:850;letter-spacing:.02em}
.vipPremiumStep b{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#352630;color:#9c8692;border:1px solid rgba(255,255,255,.05);font-size:8px}
.vipPremiumStep.done,.vipPremiumStep.active{color:#f1d8e4}.vipPremiumStep.done b{background:#275f48;color:#9ef0c2}.vipPremiumStep.active b{background:linear-gradient(135deg,#ff3f98,#a743ed);color:#fff;box-shadow:0 6px 15px rgba(221,57,158,.20)}
.vipPremiumStepLine{height:1px;background:linear-gradient(90deg,rgba(255,96,174,.38),rgba(255,255,255,.07))}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutIcon{width:62px!important;height:62px!important;margin:4px auto 11px!important;border-radius:20px!important;background:linear-gradient(135deg,#ff3d99,#a344ec)!important;box-shadow:0 15px 28px rgba(195,52,156,.24)!important;animation:vipCheckoutIconFloat 3.2s ease-in-out infinite}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutBox h2{color:#fff8fb!important;font-size:23px!important;letter-spacing:-.03em!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutPrice{margin:4px 0 15px!important;color:#ff69b2!important;font-size:30px!important;letter-spacing:-.04em!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutPayment{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:12px!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutPayment>div{padding:11px!important;border-radius:17px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.07)!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutQrisBox{background:transparent!important;border:0!important;padding:0!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutQris{width:min(225px,66vw)!important;padding:9px!important;border-radius:19px!important;background:#fff!important;border:1px solid rgba(255,255,255,.66)!important;box-shadow:0 15px 35px rgba(0,0,0,.28),0 0 0 5px rgba(255,255,255,.025)!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutButtons{grid-template-columns:1fr!important;gap:9px!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutPay,#vipCheckoutModal.vipPremiumCheckout .vipCheckoutCopy{min-height:48px!important;border-radius:15px!important;background:linear-gradient(90deg,#ff3d99,#b343e6)!important;color:#fff!important;box-shadow:0 10px 24px rgba(205,55,157,.20)!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutHint{margin:11px 6px 14px!important;color:#aa929f!important;line-height:1.55!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutOrderInfo{border-radius:16px!important;background:rgba(54,203,126,.08)!important;border:1px solid rgba(72,218,145,.14)!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutProofPanel{padding:14px!important;border-radius:20px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:none!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutProofHead b{color:#f5e7ee!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutProofInput{min-height:47px!important;border-radius:14px!important;background:#2a1c25!important;color:#dbc7d1!important;border:1px solid rgba(255,255,255,.08)!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutProofButton{min-height:48px!important;border-radius:14px!important;background:#33222d!important;color:#f3dce7!important;border:1px solid rgba(255,255,255,.08)!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutProofButton:not(:disabled){background:linear-gradient(90deg,#ff3d99,#b343e6)!important;color:#fff!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutDone{min-height:50px!important;border-radius:15px!important;background:linear-gradient(90deg,#2bc77b,#27a866)!important;color:#fff!important;box-shadow:0 11px 24px rgba(39,174,105,.20)!important}
#vipCheckoutModal.vipPremiumCheckout .vipCheckoutSmall{color:#826f79!important;line-height:1.55!important}

/* Rose Night */
html[data-jak-theme="dark"] #vipShopModal.vipPremiumReady .vipShopSheet{background:radial-gradient(circle at 90% 0%,rgba(186,73,246,.13),transparent 28%),linear-gradient(180deg,#2a1a25,#21151e)!important;border-color:rgba(255,210,231,.12)!important;box-shadow:0 32px 90px rgba(8,2,7,.48)!important}
html[data-jak-theme="dark"] #vipShopModal.vipPremiumReady .vipShopClose{background:#392431!important;color:#f1d4e2!important;border-color:rgba(255,218,237,.10)!important}
html[data-jak-theme="dark"] #vipShopModal.vipPremiumReady .vipShopHero p,html[data-jak-theme="dark"] #vipShopModal.vipPremiumReady .vipPackageKicker{color:#bca2af!important}
html[data-jak-theme="dark"] #vipShopModal.vipPremiumReady .vipShopTrustStrip span{background:#34212e!important;color:#dec4d1!important;border-color:rgba(255,220,238,.09)!important}
html[data-jak-theme="dark"] #vipShopModal.vipPremiumReady .vipPackageCard{background:linear-gradient(155deg,#34212e,#291a25)!important;border-color:rgba(255,216,236,.11)!important;box-shadow:0 15px 33px rgba(11,3,9,.24)!important}
html[data-jak-theme="dark"] #vipShopModal.vipPremiumReady .vipProCard{background:radial-gradient(circle at 90% 0%,rgba(244,198,81,.11),transparent 28%),linear-gradient(155deg,#37252f,#2b1b27)!important;border-color:rgba(242,198,80,.22)!important}
html[data-jak-theme="dark"] #vipShopModal.vipPremiumReady .vipPackageHead h3,html[data-jak-theme="dark"] #vipShopModal.vipPremiumReady .vipPackagePrice{color:#fff5fa!important}
html[data-jak-theme="dark"] #vipShopModal.vipPremiumReady .vipProCard .vipPackagePrice{color:#ff7bb8!important}
html[data-jak-theme="dark"] #vipShopModal.vipPremiumReady .vipPackageBenefits span{background:#3a2633!important;color:#ead5df!important;border-color:rgba(255,223,240,.07)!important}
html[data-jak-theme="dark"] #vipShopModal.vipPremiumReady .myVipOrdersSection{background:#2e1d29!important;border-color:rgba(255,220,238,.09)!important}
html[data-jak-theme="dark"] #vipShopModal.vipPremiumReady .myVipOrderItem{background:#37232f!important;color:#f6e8ef!important;border-color:rgba(255,220,238,.08)!important}

@keyframes vipCrownFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}
@keyframes vipCrownHalo{0%,100%{transform:scale(.96);opacity:.32}50%{transform:scale(1.04);opacity:.75}}
@keyframes vipPremiumSheen{0%,68%{background-position:180% 0}88%,100%{background-position:-80% 0}}
@keyframes vipCheckoutIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

@media(hover:hover) and (pointer:fine){#vipShopModal.vipPremiumReady .vipPackageCard:hover{transform:translateY(-3px)!important;box-shadow:0 18px 40px rgba(86,28,61,.14)!important}}
@media(max-width:390px){
 #vipShopModal.vipPremiumReady{padding:8px!important}#vipShopModal.vipPremiumReady .vipShopSheet{border-radius:27px!important;padding:16px 13px 20px!important}
 #vipShopModal.vipPremiumReady .vipShopCrown{width:54px!important;height:54px!important;flex-basis:54px!important}#vipShopModal.vipPremiumReady .vipShopHero h2{font-size:24px!important}
 #vipCheckoutModal.vipPremiumCheckout{padding:8px!important;align-items:flex-end!important}#vipCheckoutModal.vipPremiumCheckout .vipCheckoutBox{width:100%!important;max-height:calc(100dvh - 8px)!important;border-radius:27px 27px 16px 16px!important;padding:17px 14px 20px!important}
 .vipPremiumSteps{margin-right:42px;gap:4px}.vipPremiumStep{font-size:7px}
}
@media(prefers-reduced-motion:reduce){#vipShopModal.vipPremiumReady .vipShopSheet::before,#vipShopModal.vipPremiumReady .vipShopCrown,#vipShopModal.vipPremiumReady .vipShopCrown::after,#vipCheckoutModal.vipPremiumCheckout .vipCheckoutIcon{animation:none!important}}