/* =====================================================================
   MODERN THEME OVERRIDE  —  versi desktop
   Pasang PALING AKHIR, setelah swiper.css, app-desktop.css, custom.css
   <link rel="stylesheet" href="/css/modern-theme.css">
   Tidak mengubah layout/ukuran inti, hanya tampilan & interaksi.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* ---------- 1. Palet & token (menimpa variabel --pw-* bawaan) ---------- */
html:root{
  /* palet bawaan situs -> modern */
  /* token tambahan */
  --mt-grad:linear-gradient(135deg,var(--pw-primary,#8b5cf6) 0%,var(--pw-primary-hover,#6366f1) 45%,var(--pw-primary-hover,#06b6d4) 100%);
  --mt-grad-gold:linear-gradient(135deg,var(--pw-accent-hover,#ffe08a) 0%,var(--pw-accent,#f5b120) 50%,var(--pw-accent,#e08a00) 100%);
  --mt-glass:rgba(255,255,255,.045);
  --mt-glass-strong:rgba(255,255,255,.08);
  --mt-line:color-mix(in srgb,var(--pw-border,#ffffff) 40%,rgba(255,255,255,.05));
  --mt-text:var(--pw-text,#eef0ff);
  --mt-text-2:var(--pw-text-muted,#b7bddc);
  --mt-radius:14px;
  --mt-radius-sm:10px;
  --mt-shadow:0 10px 30px -10px rgba(0,0,0,.6);
  --mt-shadow-lg:0 24px 60px -18px rgba(0,0,0,.75);
  --mt-glow:0 0 0 1px color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 45%,transparent),0 12px 40px -8px color-mix(in srgb,var(--pw-primary,rgb(124,58,237)) 55%,transparent);
  --mt-ease:cubic-bezier(.22,1,.36,1);
}

/* ---------- 2. Dasar ---------- */
html{scroll-behavior:smooth}
body,body.desktop{
  font-family:'Plus Jakarta Sans',Montserrat,system-ui,sans-serif!important;
  color:var(--mt-text);
  background-color:var(--pw-body-bg)!important;
  background-image:
    radial-gradient(900px 500px at 10% -10%,color-mix(in srgb,var(--pw-primary,rgb(124,58,237)) 28%,transparent),transparent 60%),
    radial-gradient(800px 500px at 100% 0%,color-mix(in srgb,var(--pw-primary-hover,rgb(6,182,212)) 16%,transparent),transparent 60%),
    radial-gradient(700px 600px at 50% 110%,color-mix(in srgb,var(--pw-accent,rgb(245,177,32)) 8%,transparent),transparent 60%),
    linear-gradient(180deg,var(--pw-body-grad-start,#0b0a24) 0%,var(--pw-body-bg,#07071a) 100%)!important;
  background-attachment:fixed!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 45%,transparent);color:#fff}
a{transition:color .25s var(--mt-ease),opacity .25s}
a:hover{text-decoration:none}

/* scrollbar */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--pw-header-bg,#0a0a20)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--pw-primary,#7c3aed),var(--pw-primary-hover,#2563eb));border-radius:10px;border:2px solid var(--pw-header-bg,#0a0a20)}
*{scrollbar-color:var(--pw-primary,#6d28d9) var(--pw-header-bg,#0a0a20);scrollbar-width:thin}

/* fokus yang jelas untuk keyboard */
a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid var(--pw-primary,#a78bfa)!important;outline-offset:2px}

/* ---------- 3. Header (glass, menempel) ---------- */
.header-wrapper{
  background:var(--pw-header-bg)!important;
  -webkit-backdrop-filter:saturate(160%) blur(16px);
  backdrop-filter:saturate(160%) blur(16px);
  border-bottom:1px solid var(--mt-line);
  transition:box-shadow .35s var(--mt-ease),background .35s;
}
.header-wrapper.mt-scrolled,.header-wrapper.stuck{
  box-shadow:0 10px 30px -12px rgba(0,0,0,.8);
  background:color-mix(in srgb,var(--pw-header-bg,rgb(10,9,30)) 90%,transparent)!important;
}
.header-wrapper .logo img{transition:transform .4s var(--mt-ease),max-height .5s}
.header-wrapper .logo:hover img{transform:scale(1.04)}
.header-wrapper .btn.fix{border-radius:999px!important;padding:6px 18px!important;font-weight:700}
.header-wrapper .country_detail{letter-spacing:.06em;color:var(--mt-text-2)}
.header-wrapper .country_detail .dot{background:var(--pw-primary-hover,#22d3ee);box-shadow:0 0 8px var(--pw-primary-hover,#22d3ee)}
.top-bar{background:rgba(255,255,255,.02);border-bottom:1px solid var(--mt-line)}
.top-bar a,.top-bar button{color:var(--pw-gold-text)!important;transition:color .2s,opacity .2s}
.top-bar a:hover,.top-bar button:hover{color:#fff!important}

/* ---------- 4. Menu utama ---------- */
.main.nav-wrapper{
  background:linear-gradient(90deg,var(--pw-nav-start,#7c3aed),var(--pw-nav-mid,#4f46e5) 50%,var(--pw-nav-end,#2563eb))!important;
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 30px -12px color-mix(in srgb,var(--pw-primary,rgb(76,29,149)) 80%,transparent);
}
.main.nav-wrapper .main-nav .nav-item{position:relative;transition:background .3s var(--mt-ease)}
.main.nav-wrapper .nav-item .navlink{
  position:relative;font-weight:600;letter-spacing:.04em;
  transition:transform .3s var(--mt-ease),color .25s,background .3s;
}
.main.nav-wrapper .nav-item .navlink i{transition:transform .35s var(--mt-ease)}
.main.nav-wrapper .nav-item:hover .navlink i{transform:translateY(-3px) scale(1.12)}
/* garis bawah animasi menggantikan blok kuning */
.main.nav-wrapper .main-nav a.active,
.main.nav-wrapper .main-nav a:hover,
.main.nav-wrapper .nav-item:hover .navlink,
.main.nav-wrapper .main-nav .nav-item.is-active{
  background:rgba(255,255,255,.12)!important;color:#fff!important;
}
.main.nav-wrapper .nav-item .navlink:after{
  content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;border-radius:3px 3px 0 0;
  background:var(--mt-grad-gold);transform:scaleX(0);transform-origin:center;
  transition:transform .35s var(--mt-ease);
}
.main.nav-wrapper .nav-item:hover .navlink:after,
.main.nav-wrapper .nav-item.is-active .navlink:after,
.main.nav-wrapper .main-nav a.active:after{transform:scaleX(1)}
.main.nav-wrapper .nav-icon .hot{
  border-radius:999px;padding:2px 7px;font-weight:700;font-size:.72em;
  background:linear-gradient(135deg,var(--pw-danger,#ff4d6d),var(--pw-danger,#ef4462));box-shadow:0 4px 12px -2px color-mix(in srgb,var(--pw-danger,rgb(239,68,98)) 70%,transparent);
  animation:mt-pulse 2.2s infinite}
.main.nav-wrapper .nav-icon .hot.new{background:var(--mt-grad-gold);color:#1a1200}

/* dropdown mega-menu provider */
.main.nav-wrapper .nav-item-content{
  background:color-mix(in srgb,var(--pw-card-bg,rgb(16,15,46)) 96%,transparent)!important;
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border-bottom:0!important;border-top:1px solid var(--mt-line);
  box-shadow:var(--mt-shadow-lg)!important;border-radius:0 0 18px 18px;
}
.main.nav-wrapper .nav-item:hover .nav-item-content{display:block;animation:mt-drop .35s var(--mt-ease) both}
.main.nav-wrapper .auto-box{border-radius:var(--mt-radius-sm);overflow:hidden;
  transition:transform .3s var(--mt-ease),box-shadow .3s}
.main.nav-wrapper .auto-box:hover{transform:translateY(-4px);box-shadow:var(--mt-glow)}
.main.nav-wrapper .nav-item-content .auto-box>a:after,
.main.nav-wrapper .nav-item-content .auto-box>.a-disabledLink:after{
  background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--pw-primary,rgb(167,139,250)) 55%,transparent),color-mix(in srgb,var(--pw-primary,rgb(124,58,237)) 15%,transparent) 60%,transparent 75%)!important}
.main.nav-wrapper .menu-item-title{letter-spacing:.06em;color:var(--mt-text-2)}
.main.nav-wrapper .add-opts a{background:var(--mt-grad)!important;border-radius:999px!important;font-weight:600}
.main.nav-wrapper .add-opts a:hover{background:var(--mt-grad-gold)!important;color:#1a1200!important}

/* navbar bootstrap (menu sekunder) */
.navbar-default{background:transparent;border:0}
.navbar-default .navbar-nav a.nav-link:hover,
.navbar-default .navbar-nav>.active>a{color:var(--pw-gold-text)!important}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>li>a.nav-link:hover{background:rgba(255,255,255,.06)!important;border-radius:8px}
.navbar-default .navbar-nav>li>a.nav-link{border-bottom-color:var(--mt-line)!important}

/* ---------- 5. Tombol ---------- */
.btn{
  border-radius:var(--mt-radius-sm)!important;font-weight:600;letter-spacing:.02em;
  position:relative;overflow:hidden;isolation:isolate;
  transition:transform .2s var(--mt-ease),box-shadow .3s var(--mt-ease),background .3s,filter .2s,color .2s!important;
}
.btn:active{transform:translateY(1px) scale(.98)}
.btn-primary,body.mobile .btn-fancy{
  background:var(--mt-grad)!important;background-size:160% 160%!important;
  border:0!important;color:#fff!important;
  box-shadow:0 8px 22px -8px color-mix(in srgb,var(--pw-primary-hover,rgb(99,102,241)) 80%,transparent),inset 0 1px 0 rgba(255,255,255,.25);
}
.btn-primary:hover,.btn-primary:focus,.btn-primary.active,.btn-primary:active{
  background:var(--mt-grad)!important;background-position:100% 50%!important;
  color:#fff!important;box-shadow:var(--mt-glow);transform:translateY(-2px);
}
.floats .btn-primary:hover{font-weight:600}
.btn-warning,.btn-success{
  background:var(--mt-grad-gold)!important;border:0!important;color:#1a1200!important;font-weight:700;
  box-shadow:0 8px 22px -8px color-mix(in srgb,var(--pw-accent,rgb(245,177,32)) 80%,transparent),inset 0 1px 0 rgba(255,255,255,.4)}
.btn-warning:hover,.btn-success:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn-danger{background:linear-gradient(135deg,var(--pw-danger,#ff5c7a),var(--pw-danger,#e11d48))!important;border:0!important}
.btn-default,.cancelBtn{
  background:var(--mt-glass)!important;color:var(--mt-text)!important;
  border:1px solid var(--mt-line)!important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.btn-default:hover,.cancelBtn:hover{background:var(--mt-glass-strong)!important;border-color:color-mix(in srgb,var(--pw-primary,rgb(167,139,250)) 50%,transparent)!important}
.btn-link{color:var(--pw-primary,#a5b4fc)}
.btn-link:hover{color:#fff}
.btn[disabled],.btn.disabled{filter:grayscale(.4) brightness(.7);transform:none!important;box-shadow:none!important}
/* kilau saat hover */
.btn-primary:before,.btn-warning:before,.btn-success:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);
  transform:translateX(-120%);transition:transform .7s var(--mt-ease)}
.btn-primary:hover:before,.btn-warning:hover:before,.btn-success:hover:before{transform:translateX(120%)}
/* ripple (dibuat oleh modern-ui.js) */
.mt-ripple{position:absolute;border-radius:50%;pointer-events:none;transform:scale(0);
  background:rgba(255,255,255,.45);animation:mt-ripple .6s ease-out forwards;z-index:0}

/* ---------- 6. Form ---------- */
.form-control,.input-group-addon{
  background:rgba(255,255,255,.04)!important;color:var(--mt-text)!important;
  border:1px solid var(--mt-line)!important;border-radius:var(--mt-radius-sm)!important;
  box-shadow:none!important;transition:border-color .25s,box-shadow .25s,background .25s!important}
.input-group .form-control:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.input-group .input-group-addon:last-child,.input-group .form-control:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.form-control:hover{border-color:color-mix(in srgb,var(--pw-primary,rgb(167,139,250)) 35%,transparent)!important}
.form-control:focus{
  background:rgba(255,255,255,.07)!important;border-color:var(--pw-primary,#8b5cf6)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 18%,transparent)!important}
.form-control::placeholder{color:var(--pw-text-muted,#7d84a8)!important}
.form-control[disabled],.form-control[readonly]{background:rgba(255,255,255,.02)!important;color:var(--pw-text-muted,#8f96b8)!important}
select.form-control option{background:var(--pw-card-bg,#13123a);color:#fff}
.input-group-addon{color:var(--mt-text-2)!important}
.has-error .form-control{border-color:var(--pw-danger,#f43f5e)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--pw-danger,rgb(244,63,94)) 15%,transparent)!important}
.has-success .form-control{border-color:#10b981!important}
.help-block{color:var(--mt-text-2)}
label,.control-label{color:var(--mt-text-2);font-weight:600}
input[type=checkbox],input[type=radio]{accent-color:var(--pw-primary,#8b5cf6)}

/* ---------- 7. Kartu, panel, kotak konten ---------- */
.container-box,.panel,.u-section-box--bg,.box-wrapper,.gradient-box,.list-group-item,
.promo-item-wrapper,.bankInfo-box,.bal-box{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02))!important;
  border:1px solid var(--mt-line)!important;border-radius:var(--mt-radius)!important;
  box-shadow:var(--mt-shadow);color:var(--mt-text);
}
.panel-heading,.container-box .title,.profile-head .container-box .title,.reg-success .container-box .title{
  background:rgba(255,255,255,.035)!important;border-bottom:1px solid var(--mt-line)!important;
  border-radius:var(--mt-radius) var(--mt-radius) 0 0;color:#fff!important;font-weight:700;letter-spacing:.02em}
.container-box>.title{padding:.75em 1.2em}
.panel-footer{background:rgba(255,255,255,.02)!important;border-top:1px solid var(--mt-line)!important}

/* judul seksi */
.u-section-title,.title-wrapper .title{
  background:var(--mt-grad-gold)!important;-webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;font-weight:800!important;letter-spacing:.01em;position:relative}
.u-muted-txt{color:var(--pw-text-muted)!important}

/* ---------- 8. Kartu game ---------- */
.games-category .g-card,.sub-games .game-box,.desktop .g-slider-wrapper .game-box,.hot-games .game-item{
  border-radius:var(--mt-radius)!important;
  border:1px solid var(--mt-line)!important;
  box-shadow:var(--mt-shadow)!important;
  transition:transform .45s var(--mt-ease),box-shadow .45s var(--mt-ease),border-color .3s,opacity .7s var(--mt-ease)!important;
  transform-style:preserve-3d;will-change:transform;
}
.sub-games .game-box div.image,.games-category .g-card img,.hot-games .game-item img{border-radius:calc(var(--mt-radius) - 1px)!important}
.sub-games .game-box div.image>img,.games-category .g-card img{transition:transform .6s var(--mt-ease),filter .4s!important}
.games-category .g-card:hover,.sub-games .game-box:hover,.desktop .g-slider-wrapper .game-box:hover,.hot-games .game-item:hover{
  border-color:color-mix(in srgb,var(--pw-primary,rgb(167,139,250)) 60%,transparent)!important;box-shadow:var(--mt-glow)!important;
  transform:translateY(-6px)}
.sub-games .game-box:hover div.image>img,.games-category .g-card:hover img{transform:scale(1.08);filter:saturate(1.15)}
/* sorotan cahaya mengikuti kursor (var diisi modern-ui.js) */
.games-category .g-card:after,.sub-games .game-box div.image:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;z-index:2;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.18),transparent 45%);
  transition:opacity .3s}
.games-category .g-card:hover:after,.sub-games .game-box:hover div.image:after{opacity:1}
.sub-games .game-box .amount_box{
  background:linear-gradient(90deg,color-mix(in srgb,var(--pw-danger,rgb(225,29,72)) 92%,transparent),color-mix(in srgb,var(--pw-primary,rgb(124,58,237)) 92%,transparent))!important;border:0!important;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:0 0 var(--mt-radius) var(--mt-radius);
  letter-spacing:.03em;color:#fff!important}
.games-category .btn-hvrplay{
  border:0!important;background:var(--mt-grad-gold)!important;color:#1a1200!important;
  box-shadow:0 10px 30px -6px color-mix(in srgb,var(--pw-accent,rgb(245,177,32)) 80%,transparent)!important;transition:transform .3s var(--mt-ease)}
.games-category .btn-hvrplay:hover{transform:scale(1.08)}
.games-category .btn-hvrplay .inner{box-shadow:none!important}
.hot-games .game-item{background:transparent!important}
.hot-games .game-item .game-title{background:transparent!important;color:var(--mt-text-2)!important}

/* tab kategori game & promo */
.sub-games .g_category-nav,.promotion-page .g_category-nav{
  background:rgba(255,255,255,.035)!important;border:1px solid var(--mt-line);
  border-radius:999px;padding:5px;gap:4px;overflow:hidden}
.sub-games .g_category-nav .nav-item,.promotion-page .g_category-nav .nav-item{background:transparent!important;border-radius:999px}
.sub-games .g_category-nav .nav-item .navlink,.promotion-page .g_category-nav .nav-item .navlink{
  border-radius:999px;font-weight:600;letter-spacing:.04em;color:var(--mt-text-2)!important;transition:all .3s var(--mt-ease)}
.promotion-page .g_category-nav .nav-item.active .navlink,
.sub-games .g_category-nav .nav-item.active .navlink,
.sub-games .g_category-nav .nav-item:hover .navlink,
.promotion-page .g_category-nav .nav-item:hover .navlink{
  background:var(--mt-grad)!important;color:#fff!important;box-shadow:0 6px 18px -6px color-mix(in srgb,var(--pw-primary-hover,rgb(99,102,241)) 90%,transparent)}

/* menu slider provider */
.games-slider-menu .btn-box{
  background:rgba(255,255,255,.04)!important;border:1px solid var(--mt-line);border-radius:var(--mt-radius)!important;
  transition:transform .35s var(--mt-ease),background .35s,box-shadow .35s,border-color .3s}
.games-slider-menu .btn-box.active,.games-slider-menu .btn-box:hover{
  background:linear-gradient(145deg,color-mix(in srgb,var(--pw-primary,rgb(124,58,237)) 55%,transparent),color-mix(in srgb,var(--pw-primary-hover,rgb(37,99,235)) 45%,transparent))!important;
  border-color:color-mix(in srgb,var(--pw-primary,rgb(167,139,250)) 60%,transparent);box-shadow:var(--mt-glow);transform:translateY(-4px)}

/* ---------- 9. Tab (bootstrap & material) ---------- */
.nav-tabs{border-bottom:1px solid var(--mt-line)!important}
.nav-tabs>li>a{border:0!important;border-radius:10px 10px 0 0!important;color:var(--mt-text-2)!important;
  position:relative;transition:color .25s,background .25s}
.nav-tabs>li>a:hover{background:rgba(255,255,255,.05)!important;color:#fff!important}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
  background:color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 14%,transparent)!important;color:#fff!important}
.nav-tabs>li.active>a:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px;background:var(--mt-grad)}
.nav-pills>li>a{border-radius:999px!important;color:var(--mt-text-2)}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover{background:var(--mt-grad)!important;color:#fff!important}
.mdc-tab{border-radius:10px;transition:background .25s}
.mdc-tab:hover{background:rgba(255,255,255,.05)}
.mdc-tab--active .mdc-tab__text-label{color:#fff!important}
.mdc-tab-indicator__content--underline{border-color:var(--pw-primary,#8b5cf6)!important;border-top-width:3px!important;border-radius:3px}

/* ---------- 10. Tabel ---------- */
.table{color:var(--mt-text)}
.table>thead>tr>th{
  background:rgba(255,255,255,.05)!important;color:#fff;font-weight:700;letter-spacing:.03em;
  border-bottom:1px solid var(--mt-line)!important;border-top:0!important;text-transform:uppercase;font-size:12px}
.table>tbody>tr>td,.table>tbody>tr>th,.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>thead>tr>th{
  border-color:var(--mt-line)!important}
.table-striped>tbody>tr:nth-of-type(odd){background:rgba(255,255,255,.025)!important}
.table-hover>tbody>tr{transition:background .2s}
.table-hover>tbody>tr:hover{background:color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 10%,transparent)!important}
.dataTables_wrapper .paginate_button,.pagination>li>a,.pagination>li>span{
  background:rgba(255,255,255,.04)!important;border:1px solid var(--mt-line)!important;color:var(--mt-text)!important;
  border-radius:8px!important;margin:0 3px;transition:all .2s}
.pagination>.active>a,.pagination>.active>span,.dataTables_wrapper .paginate_button.current,
.pagination>li>a:hover,.dataTables_wrapper .paginate_button:hover{
  background:var(--mt-grad)!important;border-color:transparent!important;color:#fff!important}

/* ---------- 11. Dropdown, modal, popover, tooltip ---------- */
.dropdown-menu{
  background:color-mix(in srgb,var(--pw-card-bg,rgb(18,17,50)) 96%,transparent)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:1px solid var(--mt-line)!important;border-radius:var(--mt-radius)!important;
  box-shadow:var(--mt-shadow-lg)!important;padding:6px!important;animation:mt-drop .25s var(--mt-ease) both}
.dropdown-menu>li>a{color:var(--mt-text)!important;border-radius:8px;padding:8px 12px;transition:background .2s,padding .25s var(--mt-ease)}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background:color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 18%,transparent)!important;color:#fff!important;padding-left:16px}
.dropdown-menu .divider{background:var(--mt-line)!important}

.modal-content,.md-content,.nifty-modal .md-content{
  background:linear-gradient(180deg,var(--pw-card-bg,#17163f),var(--pw-card-bg,#100f2e))!important;color:var(--mt-text);
  border:1px solid var(--mt-line)!important;border-radius:20px!important;box-shadow:var(--mt-shadow-lg)!important;overflow:hidden}
.modal-header,.headerModal{border-bottom:1px solid var(--mt-line)!important}
.modal-footer{border-top:1px solid var(--mt-line)!important}
.modal-backdrop.in{opacity:.7!important;background:var(--pw-body-bg,#05050f)}
.modal.fade .modal-dialog{transform:translateY(24px) scale(.97);transition:transform .4s var(--mt-ease),opacity .3s}
.modal.in .modal-dialog{transform:none}
.close,.closeBtn,.md-close{transition:transform .3s var(--mt-ease),opacity .2s}
.close:hover,.closeBtn:hover,.md-close:hover{transform:rotate(90deg)}
.popover,.popover-content,.popover-body{background:var(--pw-card-bg,#17163f)!important;color:#fff!important;border-color:var(--mt-line)!important;border-radius:12px!important}
.tooltip-inner{background:var(--pw-card-bg,#1e1b4b);border:1px solid var(--mt-line);border-radius:8px;padding:6px 10px;font-weight:500}

/* ---------- 12. Badge, label, alert ---------- */
.badge{background:var(--mt-grad)!important;border-radius:999px;font-weight:700;box-shadow:0 4px 12px -4px color-mix(in srgb,var(--pw-primary-hover,rgb(99,102,241)) 80%,transparent)}
.label{border-radius:6px}
.alert{border-radius:var(--mt-radius)!important;border:1px solid var(--mt-line)!important;
  background:rgba(255,255,255,.04)!important;color:var(--mt-text)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.alert-success{border-left:4px solid #10b981!important}
.alert-info{border-left:4px solid var(--pw-primary-hover,#06b6d4)!important}
.alert-warning{border-left:4px solid var(--pw-accent,#f5b120)!important}
.alert-danger{border-left:4px solid var(--pw-danger,#f43f5e)!important}

/* ---------- 13. Carousel / Swiper / slider ---------- */
.carousel-inner{border-radius:18px;overflow:hidden;box-shadow:var(--mt-shadow-lg)}
.carousel-indicators li{width:10px!important;height:10px!important;border-radius:999px;background:rgba(255,255,255,.25)!important;
  transition:width .4s var(--mt-ease),background .3s}
.carousel-indicators li.active{width:28px!important;background:var(--mt-grad-gold)!important}
.carousel-control{opacity:0;transition:opacity .3s;background-image:none!important}
.carousel:hover .carousel-control{opacity:.9}
.swiper-pagination-bullet{background:rgba(255,255,255,.4);opacity:1;transition:width .35s var(--mt-ease),background .3s}
.swiper-pagination-bullet-active{width:24px;border-radius:999px;background:var(--pw-accent)!important}
.swiper-button-next,.swiper-button-prev{
  width:44px!important;height:44px!important;border-radius:50%;
  background:color-mix(in srgb,var(--pw-card-bg,rgb(15,14,40)) 60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid var(--mt-line);color:#fff!important;transition:transform .3s var(--mt-ease),background .3s}
.swiper-button-next:after,.swiper-button-prev:after{font-size:16px!important;font-weight:800}
.swiper-button-next:hover,.swiper-button-prev:hover{background:var(--pw-primary,#7c3aed);transform:scale(1.08)}
/* ticker deposit terbaru */
.lw-horizontal-slider.lates-deposit-section .g-slider-wrapper .lw-loop-content li,
.desktop .lw-horizontal-slider.lates-deposit-section .g-slider-wrapper .content-wrapper ul li{
  background:linear-gradient(135deg,color-mix(in srgb,var(--pw-primary,rgb(124,58,237)) 35%,transparent),color-mix(in srgb,var(--pw-primary-hover,rgb(37,99,235)) 25%,transparent))!important;
  border:1px solid var(--mt-line);border-radius:12px!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* ---------- 14. Tombol melayang kiri/kanan ---------- */
.floats .bg-1,.floats .bg-2{
  background:color-mix(in srgb,var(--pw-card-bg,rgb(16,15,46)) 85%,transparent)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid var(--mt-line)}
.floats-left .bg-1,.floats-left .bg-2{border-radius:0 16px 16px 0}
.floats-right .bg-1,.floats-right .bg-2{border-radius:16px 0 0 16px}
.floats.floats-right .bg-2 .btn-block.btn-primary{background:var(--mt-grad)!important}

/* ---------- 15. Footer ---------- */
.footer,.footer-content{
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.35))!important;color:var(--mt-text-2)}
.footer{border-top:1px solid var(--mt-line)}
.footer-content .footerlink ul li a{color:var(--mt-text-2)!important;position:relative}
.footer-content .footerlink ul li a:hover{color:#fff!important}
.footer-content .footer-misc .column .title{color:#fff;letter-spacing:.03em}
.footer-content .payment_imgs img{filter:grayscale(1) brightness(1.4);opacity:.65;transition:filter .3s,opacity .3s,transform .3s var(--mt-ease)}
.footer-content .payment_imgs img:hover{filter:none;opacity:1;transform:translateY(-2px)}
.social-icons a{transition:transform .3s var(--mt-ease),filter .3s}
.social-icons a:hover{transform:translateY(-3px) scale(1.08);filter:drop-shadow(0 6px 12px color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 70%,transparent))}

/* ---------- 16. Modal hadiah, spin, check-in ---------- */
#reward-modal--layout .md-content,#redeem-ticket-modal--layout .md-content,#checkin-modal--layout .md-content{
  background:radial-gradient(500px 260px at 50% 0%,color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 35%,transparent),transparent 70%),linear-gradient(180deg,var(--pw-card-bg,#17163f),var(--pw-card-bg,#0f0e2c))!important}
#spin-wheel-modal--layout canvas{border-color:var(--pw-accent,#f5b120)!important;box-shadow:0 0 0 6px color-mix(in srgb,var(--pw-accent,rgb(245,177,32)) 20%,transparent),0 0 60px color-mix(in srgb,var(--pw-accent,rgb(245,177,32)) 35%,transparent)!important}
#redeem-ticket-modal--layout .addBox,#redeem-ticket-modal--layout .minusBox{border-color:var(--mt-line)!important;transition:background .2s,border-color .2s}
#redeem-ticket-modal--layout .addBox:hover,#redeem-ticket-modal--layout .minusBox:hover{background:color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 20%,transparent);border-color:var(--pw-primary,#8b5cf6)!important}

/* ---------- 17. Animasi muncul saat scroll (kelas dari modern-ui.js) ---------- */
.mt-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--mt-ease),transform .7s var(--mt-ease)}
.mt-reveal.mt-in{opacity:1;transform:none}

/* tombol kembali ke atas */
.mt-totop{
  position:fixed;right:24px;bottom:24px;z-index:999;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;
  background:var(--mt-grad);color:#fff;font-size:20px;line-height:46px;text-align:center;
  box-shadow:var(--mt-glow);opacity:0;transform:translateY(16px) scale(.9);pointer-events:none;
  transition:opacity .35s var(--mt-ease),transform .35s var(--mt-ease)}
.mt-totop.mt-show{opacity:1;transform:none;pointer-events:auto}
.mt-totop:hover{transform:translateY(-3px)}

/* progres scroll di atas layar */
.mt-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:10000;background:var(--mt-grad-gold);
  box-shadow:0 0 10px color-mix(in srgb,var(--pw-accent,rgb(245,177,32)) 70%,transparent);transition:width .1s linear}

/* ---------- 18. Keyframes ---------- */
@keyframes mt-ripple{to{transform:scale(2.6);opacity:0}}
@keyframes mt-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes mt-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--pw-danger,rgb(239,68,98)) 55%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--pw-danger,rgb(239,68,98)) 0%,transparent)}}

/* ---------- 19. Hormati pengguna yang mematikan animasi ---------- */
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .mt-reveal{opacity:1;transform:none}
}

/* =====================================================================
   BINGKAI BANNER + TOMBOL HUBUNGI KAMI (update v3)
   ===================================================================== */
@property --bn-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes bnSpin{to{--bn-ang:360deg}}
@keyframes bnFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-10px,0) scale(1.04)}}
/* ---- Bingkai banner: kaca + garis cahaya berjalan ---- */
html body.desktop .content.my01 .carousel-fixed-height{position:relative;padding:22px 28px 6px;isolation:isolate}
/* cahaya ambient di belakang banner */
html body.desktop .content.my01 .carousel-fixed-height::before{
  content:"";position:absolute;inset:40px 70px 0;z-index:-1;pointer-events:none;border-radius:40px;
  background:
    radial-gradient(40% 70% at 12% 50%,color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 75%,transparent),transparent 70%),
    radial-gradient(40% 70% at 88% 50%,color-mix(in srgb,var(--pw-primary-hover,rgb(6,182,212)) 60%,transparent),transparent 70%),
    radial-gradient(50% 60% at 50% 100%,color-mix(in srgb,var(--pw-accent,rgb(245,177,32)) 45%,transparent),transparent 70%);
  filter:blur(46px);opacity:.75;animation:bnFloat 9s ease-in-out infinite;
}
/* bingkai kaca */
html body.desktop .content.my01 #carousel-fixed-height{
  padding:8px;border-radius:30px;overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 40%,rgba(255,255,255,.06))!important;
  border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.04),
             0 30px 70px -30px rgba(0,0,0,.95),0 0 0 6px rgba(255,255,255,.015);
}
/* garis cahaya yang berjalan mengelilingi bingkai */
html body.desktop .content.my01 .carousel-fixed-height::after{
  content:"";position:absolute;inset:22px 28px 6px;border-radius:30px;padding:1.5px;pointer-events:none;z-index:5;
  background:conic-gradient(from var(--bn-ang),transparent 0deg,transparent 250deg,color-mix(in srgb,var(--pw-primary,rgb(167,139,250)) 0%,transparent) 260deg,var(--pw-primary,#a78bfa) 300deg,var(--pw-primary-hover,#22d3ee) 330deg,var(--pw-accent-hover,#ffd166) 350deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:bnSpin 6s linear infinite;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--pw-primary,rgb(167,139,250)) 90%,transparent));
}
html body.desktop .content.my01 #carousel-fixed-height .carousel-inner{
  border-radius:22px!important;overflow:hidden;
  box-shadow:0 0 0 1px rgba(0,0,0,.4),0 14px 30px -18px rgba(0,0,0,.9)!important;
}
html body.desktop .content.my01 #carousel-fixed-height:after{left:8px!important;right:8px!important;bottom:8px!important;border-radius:0 0 22px 22px}
/* indikator di dalam kapsul kaca */
html body.desktop .content.my01 #carousel-fixed-height .carousel-indicators{
  width:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%);margin:0!important;bottom:22px!important;
  padding:7px 10px;border-radius:999px;display:flex;align-items:center;
  background:color-mix(in srgb,var(--pw-header-bg,rgb(10,10,30)) 45%,transparent);border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
html body.desktop .content.my01 #carousel-fixed-height .carousel-indicators li{margin:0 3px!important}
html body.desktop .content.my01 #carousel-fixed-height .carousel-control.left{left:26px!important}
html body.desktop .content.my01 #carousel-fixed-height .carousel-control.right{right:26px!important}
@media (prefers-reduced-motion:reduce){
  html body.desktop .content.my01 .carousel-fixed-height::before,
  html body.desktop .content.my01 .carousel-fixed-height::after{animation:none}
}

/* tombol DOWNLOAD kiri disembunyikan (cadangan bila cache lama) */
html body.desktop .floats.floats-left{display:none!important}

/* ---- HUBUNGI KAMI (kanan) ---- */
@keyframes hkPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}70%{box-shadow:0 0 0 12px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@keyframes hkNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}
html body.desktop .floats.floats-right{top:180px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))}
html body.desktop .floats-right .fc{display:flex;align-items:stretch;min-height:0}
html body.desktop .floats-right .fc .fc-left{
  width:3.4rem;min-height:210px;padding:12px 0 10px!important;
  display:flex!important;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;
  border-radius:20px 0 0 20px!important;color:#fff;cursor:pointer;
  background:linear-gradient(180deg,var(--pw-primary,#8b5cf6) 0%,var(--pw-primary-hover,#6366f1) 50%,var(--pw-primary-hover,#06b6d4) 100%)!important;
  border:1px solid rgba(255,255,255,.25);border-right:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),-6px 0 24px -6px color-mix(in srgb,var(--pw-primary,rgb(124,58,237)) 75%,transparent);
}
html body.desktop .floats-right .fc .fc-left .i-circle{
  width:38px;height:38px;padding:0!important;border:0!important;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#fff;color:var(--pw-primary,#6d28d9);font-size:18px;animation:hkPulse 2s infinite;
}
html body.desktop .floats-right .fc .fc-left .i-circle i{line-height:1}
html body.desktop .floats-right .fc .fc-left .bottom-to-top{
  writing-mode:vertical-rl;font-size:13px!important;font-weight:800;letter-spacing:.18em;white-space:nowrap;
  text-shadow:0 1px 6px rgba(0,0,0,.35);
}
html body.desktop .floats-right .fc .fc-left .fs-md{
  width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.2);
  display:flex;align-items:center;justify-content:center;font-size:12px;animation:hkNudge 1.6s ease-in-out infinite;
}
html body.desktop .floats-right:hover .fc .fc-left .fs-md{transform:rotate(180deg);animation:none}
/* panel yang keluar */
html body.desktop .floats-right .fc .fc-right{
  min-width:250px!important;width:250px;min-height:210px;padding:0!important;overflow:hidden;
  border-radius:0 0 0 0!important;background:linear-gradient(180deg,var(--pw-card-bg,#1a1846),var(--pw-card-bg,#0e0d2a))!important;
  border:1px solid color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 35%,transparent);border-right:0;
}
html body.desktop .floats-right .fc .fc-right .bg-1{
  background:radial-gradient(260px 120px at 50% 0%,color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 35%,transparent),transparent 70%)!important;
  padding:14px 14px 8px!important;border-radius:0!important;
}
html body.desktop .floats-right .fc .fc-right .txt-xxl{
  font-size:2.1rem!important;font-weight:800;display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,var(--pw-accent-hover,#fff3c4),var(--pw-accent-hover,#ffd166) 40%,var(--pw-accent,#f5b120));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
html body.desktop .floats-right .fc .fc-right .txt-xxl i{-webkit-text-fill-color:var(--pw-accent-hover,#ffd166)}
html body.desktop .floats-right .fc .fc-right .row.no-gutters{display:flex;flex-direction:column;gap:8px;margin:10px 0!important}
html body.desktop .floats-right .fc .fc-right .row.no-gutters>.col-xs-6{width:100%!important;float:none;padding:0!important}
html body.desktop .floats-right .fc .fc-right .btn-block{
  border-radius:999px!important;padding:9px 6px!important;font-size:12px!important;font-weight:800!important;
  letter-spacing:.04em;border:0!important;transition:transform .2s,box-shadow .2s;
}
html body.desktop .floats-right .fc .fc-right .btn-accent{background:linear-gradient(135deg,#22c55e,#059669)!important;color:#fff!important;box-shadow:0 8px 18px -8px rgba(34,197,94,.8)}
html body.desktop .floats-right .fc .fc-right .btn-tertiery{background:linear-gradient(135deg,var(--pw-accent-hover,#ffe08a),var(--pw-accent,#f5b120) 50%,var(--pw-accent,#e08a00))!important;color:#1a1030!important;box-shadow:0 8px 18px -8px color-mix(in srgb,var(--pw-accent,rgb(245,177,32)) 80%,transparent)}
html body.desktop .floats-right .fc .fc-right .btn-block:hover{transform:translateY(-2px)}
html body.desktop .floats-right .fc .fc-right .box{
  display:flex;align-items:center;gap:8px;padding:10px 12px!important;border-radius:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--pw-text-muted,#b7bddc);
}
html body.desktop .floats-right .fc .fc-right .box .icon-clock{font-size:20px!important;color:var(--pw-accent-hover,#ffd166)}
html body.desktop .floats.floats-right .fc-right .bg-2{background:transparent!important;padding:4px 14px 14px!important;border-radius:0!important}
html body.desktop .floats.floats-right .fc-right .bg-2 .btn-block.btn-primary{
  margin:0!important;border-radius:14px!important;padding:10px 12px!important;
  background:linear-gradient(135deg,rgba(37,211,102,.22),rgba(18,140,126,.22))!important;
  border:1px solid rgba(37,211,102,.5)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;
}
html body.desktop .floats.floats-right .fc-right .bg-2 .btn-block.btn-primary:hover{background:linear-gradient(135deg,#25d366,#128c7e)!important}
html body.desktop .floats.floats-right .fc-right .bg-2 .dis_flex{align-items:center;gap:8px;overflow:hidden}
html body.desktop .floats.floats-right .fc-right .bg-2 .dis_flex>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.desktop .floats.floats-right .fc-right .bg-2 .icon-txt{
  min-width:30px!important;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:#25d366;color:#fff!important;font-size:16px!important;top:0!important;
}

/* =====================================================================
   FOOTER MODERN (update v4)
   ===================================================================== */
html body.desktop .site-footer{position:relative;overflow:hidden;isolation:isolate;margin-top:40px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--pw-card-bg,rgb(13,12,40)) 0%,transparent),var(--pw-footer-bg,#0a0920) 120px,var(--pw-body-bg,#07071a))!important;border-top:0!important}
/* garis cahaya atas */
html body.desktop .site-footer::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1100px,90%);height:1px;z-index:1;
  background:linear-gradient(90deg,transparent,var(--pw-primary,#8b5cf6) 25%,var(--pw-primary-hover,#22d3ee) 50%,var(--pw-accent,#f5b120) 75%,transparent)}
/* aurora + pola grid */
html body.desktop .site-footer::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(600px 260px at 15% 0%,color-mix(in srgb,var(--pw-primary,rgb(124,58,237)) 22%,transparent),transparent 70%),
    radial-gradient(520px 260px at 85% 10%,color-mix(in srgb,var(--pw-primary-hover,rgb(6,182,212)) 14%,transparent),transparent 70%),
    radial-gradient(700px 300px at 50% 100%,color-mix(in srgb,var(--pw-accent,rgb(245,177,32)) 7%,transparent),transparent 70%),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px) 0 0/44px 44px,
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/44px 44px;
  -webkit-mask:linear-gradient(180deg,#000,rgba(0,0,0,.35));mask:linear-gradient(180deg,#000,rgba(0,0,0,.35))}
html body.desktop .site-footer .footer-content{display:flex!important;flex-direction:column;gap:22px;padding:46px 0 36px!important;background:transparent!important;border:0!important}
html body.desktop .site-footer .footer-content>br,html body.desktop .site-footer .footer-content>.dotted_line,html body.desktop .site-footer .footer-content>div>.dotted_line,html body.desktop .site-footer .footer-content .footer-desc{display:none!important}

/* 1. fitur unggulan */
html body.desktop .site-footer .ft-trust{order:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
html body.desktop .site-footer .ft-trust-item{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);
  transition:transform .35s var(--mt-ease),border-color .3s,box-shadow .35s}
html body.desktop .site-footer .ft-trust-item:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--pw-primary,rgb(167,139,250)) 50%,transparent);box-shadow:0 18px 40px -20px color-mix(in srgb,var(--pw-primary,rgb(124,58,237)) 80%,transparent)}
html body.desktop .site-footer .ft-trust-item b{display:block;color:#fff;font-size:14px;font-weight:800;letter-spacing:.01em}
html body.desktop .site-footer .ft-trust-item small{display:block;color:var(--pw-text-muted,#9aa3c7);font-size:12px;margin-top:2px}
html body.desktop .site-footer .ft-ico{flex:0 0 46px;width:46px;height:46px;border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 20px -10px color-mix(in srgb,var(--pw-primary,rgb(124,58,237)) 90%,transparent)}
html body.desktop .site-footer .ft-ico-headset{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z' /%3E %3Cpath d='M21 16v2a4 4 0 0 1-4 4h-5' /%3E %3C/svg%3E") center/22px no-repeat,linear-gradient(135deg,var(--pw-primary,#8b5cf6),var(--pw-primary-hover,#6366f1))}
html body.desktop .site-footer .ft-ico-zap{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231a1030' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z' /%3E %3C/svg%3E") center/22px no-repeat,linear-gradient(135deg,var(--pw-accent-hover,#ffe08a),var(--pw-accent,#f5b120))}
html body.desktop .site-footer .ft-ico-shield{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' /%3E %3Cpath d='m9 12 2 2 4-4' /%3E %3C/svg%3E") center/22px no-repeat,linear-gradient(135deg,#10b981,#0d9488)}
html body.desktop .site-footer .ft-ico-badge{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z' /%3E %3Cpath d='m9 12 2 2 4-4' /%3E %3C/svg%3E") center/22px no-repeat,linear-gradient(135deg,var(--pw-primary-hover,#06b6d4),var(--pw-primary-hover,#2563eb))}

/* 2. empat kolom informasi jadi kartu */
html body.desktop .site-footer .footer-misc{order:2;margin:0!important}
html body.desktop .site-footer .footer-misc>.row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0!important}
html body.desktop .site-footer .footer-misc>.row:before,html body.desktop .site-footer .footer-misc>.row:after{display:none!important}
html body.desktop .site-footer .footer-misc>.row>div{width:auto!important;float:none!important;padding:22px 20px 20px!important;border-radius:20px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden;
  transition:border-color .3s,background .3s}
html body.desktop .site-footer .footer-misc>.row>div:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.05)}
html body.desktop .site-footer .footer-misc>.row>div::before{content:"";position:absolute;top:0;left:20px;right:20px;height:2px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--pw-primary,#8b5cf6),var(--pw-primary-hover,#22d3ee))}
html body.desktop .site-footer .footer-misc>.row>div:nth-child(2)::before{background:linear-gradient(90deg,var(--pw-accent,#f5b120),var(--pw-danger,#ef4462))}
html body.desktop .site-footer .footer-misc>.row>div:nth-child(3)::before{background:linear-gradient(90deg,#10b981,var(--pw-primary-hover,#22d3ee))}
html body.desktop .site-footer .footer-misc>.row>div:nth-child(4)::before{background:linear-gradient(90deg,#ec4899,var(--pw-primary,#8b5cf6))}
html body.desktop .site-footer .footer-misc .title{display:flex!important;align-items:center;gap:10px;font-size:13px!important;font-weight:800!important;letter-spacing:.12em!important;color:#fff!important;margin-bottom:6px}
html body.desktop .site-footer .footer-misc .title::before{content:"";flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Ccircle cx='12' cy='12' r='10' /%3E %3Cpath d='M12 16v-4' /%3E %3Cpath d='M12 8h.01' /%3E %3C/svg%3E") center/16px no-repeat,color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 25%,transparent);border:1px solid color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 45%,transparent)}
html body.desktop .site-footer .footer-misc>.row>div:nth-child(2) .title::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z' /%3E %3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65' /%3E %3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65' /%3E %3C/svg%3E") center/16px no-repeat,color-mix(in srgb,var(--pw-accent,rgb(245,177,32)) 20%,transparent);border-color:color-mix(in srgb,var(--pw-accent,rgb(245,177,32)) 45%,transparent)}
html body.desktop .site-footer .footer-misc>.row>div:nth-child(3) .title::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Ccircle cx='12' cy='12' r='10' /%3E %3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3' /%3E %3Cpath d='M12 17h.01' /%3E %3C/svg%3E") center/16px no-repeat,rgba(16,185,129,.2);border-color:rgba(16,185,129,.45)}
html body.desktop .site-footer .footer-misc>.row>div:nth-child(4) .title::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M10 14.66V17a1 1 0 0 1-1 1 2 2 0 0 0-2 2v2' /%3E %3Cpath d='M14 14.66V17a1 1 0 0 0 1 1 2 2 0 0 1 2 2v2' /%3E %3Cpath d='M17.916 10H19.5A2.5 2.5 0 0 0 22 7.5V5a1 1 0 0 0-1-1h-3' /%3E %3Cpath d='M4 22h16' /%3E %3Cpath d='M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z' /%3E %3Cpath d='M6.084 10H4.5A2.5 2.5 0 0 1 2 7.5V5a1 1 0 0 1 1-1h3' /%3E %3C/svg%3E") center/16px no-repeat,rgba(236,72,153,.2);border-color:rgba(236,72,153,.45)}
html body.desktop .site-footer .footer-misc .box-wrapper{margin-top:16px!important;padding-left:14px;border-left:1px solid rgba(255,255,255,.08)!important;position:relative}
html body.desktop .site-footer .footer-misc .box-wrapper::before{content:"";position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--pw-primary,#a78bfa);box-shadow:0 0 0 3px color-mix(in srgb,var(--pw-primary,rgb(167,139,250)) 18%,transparent)}
html body.desktop .site-footer .footer-misc .subtitle{color:var(--pw-accent-hover,#ffd166)!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.02em}
html body.desktop .site-footer .footer-misc .box-content{color:var(--pw-text-muted,#9aa3c7)!important;font-size:12px!important;line-height:1.65!important;margin-top:4px!important}
html body.desktop .site-footer .footer-misc .box-content .box-content{margin-top:0!important}

/* 3. pembayaran + browser */
html body.desktop .site-footer .footer-content>.clearfix:has(.payment_imgs){order:3;margin:0!important;padding:18px 22px;border-radius:20px;
  background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}
html body.desktop .site-footer .footer-content>.clearfix:has(.payment_imgs)>.row{display:flex;align-items:center;justify-content:space-between;margin:0}
html body.desktop .site-footer .footer-content>.clearfix:has(.payment_imgs)>.row>div{width:auto!important;float:none!important;padding:0!important}
html body.desktop .site-footer .footer-content .small{color:var(--pw-text-muted,#b7bddc)!important;font-size:11px!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
html body.desktop .site-footer .footer-content .payment_imgs{display:flex;gap:12px;flex-wrap:wrap}
html body.desktop .site-footer .footer-content .payment_imgs img{width:132px!important;border-radius:12px!important;filter:none!important;opacity:1!important;
  box-shadow:0 10px 20px -12px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.12);transition:transform .3s var(--mt-ease),box-shadow .3s}
html body.desktop .site-footer .footer-content .payment_imgs img:hover{transform:translateY(-3px);box-shadow:0 16px 26px -12px color-mix(in srgb,var(--pw-primary,rgb(124,58,237)) 80%,transparent),0 0 0 1px color-mix(in srgb,var(--pw-primary,rgb(167,139,250)) 60%,transparent)}
html body.desktop .site-footer .footer-content ul.text-t600{display:flex;gap:8px;padding:0;margin:8px 0 0}
html body.desktop .site-footer .footer-content ul.text-t600 li{padding:0!important}
html body.desktop .site-footer .footer-content .browserIcons{width:38px;height:38px;border-radius:12px;display:inline-flex!important;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:18px!important;color:#fff!important}

/* 4. provider game */
html body.desktop .site-footer .footer-content>.clearfix:has(.footer_pwrd_by_logo){order:4;margin:0!important;padding:22px 24px 24px;border-radius:20px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);text-align:center}
html body.desktop .site-footer .footer-content>.clearfix:has(.footer_pwrd_by_logo) .footerlink{float:none!important;width:100%}
html body.desktop .site-footer .footer-content>.clearfix:has(.footer_pwrd_by_logo) .small{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px}
html body.desktop .site-footer .footer-content>.clearfix:has(.footer_pwrd_by_logo) .small::before,
html body.desktop .site-footer .footer-content>.clearfix:has(.footer_pwrd_by_logo) .small::after{content:"";height:1px;width:80px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25))}
html body.desktop .site-footer .footer-content>.clearfix:has(.footer_pwrd_by_logo) .small::after{transform:scaleX(-1)}
html body.desktop .site-footer .footer_pwrd_by_logo img{opacity:.75;transition:opacity .3s;max-width:100%}
html body.desktop .site-footer .footer_pwrd_by_logo img:hover{opacity:1}

/* 5. baris bawah: logo + sosial, lalu link + copyright */
html body.desktop .site-footer .footer-content>.clearfix:has(.social-icons){order:5;margin:0!important;display:flex;align-items:center;justify-content:space-between;
  padding:18px 22px;border-radius:20px 20px 0 0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-bottom:0}
html body.desktop .site-footer .footer-content>.clearfix:has(.social-icons)::before,html body.desktop .site-footer .footer-content>.clearfix:has(.social-icons)::after{display:none}
html body.desktop .site-footer .footer-content>.clearfix:has(.social-icons)>div{float:none!important}
html body.desktop .site-footer .footer_btm_logo_img img{max-height:44px!important;width:auto!important;filter:drop-shadow(0 6px 16px color-mix(in srgb,var(--pw-accent,rgb(245,177,32)) 35%,transparent))}
html body.desktop .site-footer .social-icons{display:flex;gap:10px}
html body.desktop .site-footer .social-icons .button{width:42px!important;height:42px!important;border-radius:14px!important;display:inline-flex!important;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;margin:0!important;
  transition:transform .3s var(--mt-ease),background .3s,border-color .3s}
html body.desktop .site-footer .social-icons .button:hover{transform:translateY(-3px)}
html body.desktop .site-footer .social-icons .facebook:hover{background:#1877f2!important;border-color:transparent!important}
html body.desktop .site-footer .social-icons .twitter:hover{background:#111!important;border-color:rgba(255,255,255,.3)!important}
html body.desktop .site-footer .social-icons .instagram:hover{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)!important;border-color:transparent!important}
html body.desktop .site-footer .social-icons .youtube:hover{background:#ff0000!important;border-color:transparent!important}
html body.desktop .site-footer .footer-content>div:has(.copyright){order:6;margin-top:-22px!important;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;
  padding:14px 22px;border-radius:0 0 20px 20px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.06)}
html body.desktop .site-footer .footer-content>div:has(.copyright)>.footerlink{float:none!important}
html body.desktop .site-footer .footer-content>div:has(.copyright) ul{display:flex;align-items:center;gap:6px;margin:0;padding:0}
html body.desktop .site-footer .footer-content>div:has(.copyright) ul li{color:transparent!important;font-size:0!important;padding:0!important}
html body.desktop .site-footer .footer-content>div:has(.copyright) ul li a{font-size:12.5px!important;font-weight:600;padding:6px 12px;border-radius:999px;display:inline-block;
  color:var(--pw-text-muted,#b7bddc)!important;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);transition:all .25s}
html body.desktop .site-footer .footer-content>div:has(.copyright) ul li a:hover{color:#fff!important;background:color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 25%,transparent);border-color:color-mix(in srgb,var(--pw-primary,rgb(139,92,246)) 55%,transparent)}
html body.desktop .site-footer .footer-content .copyright{font-size:12px!important;color:var(--pw-text-muted,#7d86ad)!important}
@media (max-width:1100px){
  html body.desktop .site-footer .ft-trust,html body.desktop .site-footer .footer-misc>.row{grid-template-columns:repeat(2,minmax(0,1fr))}
}

html body.desktop .site-footer .container{width:auto!important;max-width:100%!important}
html body.desktop .footer-content>.clearfix:has(.payment_imgs) .footerlink{float:none!important}
html body.desktop .footer-content>.clearfix:has(.payment_imgs)>.row:before,html body.desktop .footer-content>.clearfix:has(.payment_imgs)>.row:after{display:none!important}

/* =====================================================================
   SHOWCASE GAME TERPOPULAR & GAME BARU (update v6, sama dengan mobile)
   ===================================================================== */
@keyframes gsGlow{0%,100%{opacity:.5}50%{opacity:.95}}
@keyframes gsShine{0%{transform:translateX(-160%) skewX(-20deg)}55%,100%{transform:translateX(320%) skewX(-20deg)}}
html body.desktop .content.my01 .g-slider-wrapper{position:relative;margin:6px 0 0!important;padding:24px 0 18px!important;border-radius:30px;overflow:hidden;isolation:isolate;
  background:linear-gradient(160deg,color-mix(in srgb,var(--pw-card-bg,#13123a) 92%,transparent),color-mix(in srgb,var(--pw-body-bg,#07071a) 80%,transparent))!important;
  border:1px solid color-mix(in srgb,var(--pw-border,#ffffff) 35%,rgba(255,255,255,.06));
  box-shadow:0 30px 60px -36px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.07)}
html body.desktop .content.my01 .g-slider-wrapper::before{content:"";position:absolute;z-index:-1;width:420px;height:300px;top:-170px;right:-80px;border-radius:50%;filter:blur(60px);
  background:var(--pw-danger,#ef4462);opacity:.35;animation:gsGlow 6s ease-in-out infinite}
html body.desktop .content.my01 .g-slider-wrapper.new::before{background:var(--pw-primary,#8b5cf6)}
html body.desktop .content.my01 .g-slider-wrapper::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.55;
  background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px) 0 0/16px 16px;
  -webkit-mask:linear-gradient(180deg,#000,transparent 60%);mask:linear-gradient(180deg,#000,transparent 60%)}
/* header */
html body.desktop .content.my01 .g-slider-wrapper .title-wrapper{display:flex!important;align-items:center;gap:14px;padding:0 26px 18px!important;margin:0!important}
html body.desktop .content.my01 .g-slider-wrapper .title-wrapper::before{content:"";flex:0 0 52px;width:52px;height:52px;border-radius:17px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z' /%3E %3C/svg%3E") center/26px no-repeat,linear-gradient(135deg,var(--pw-danger,#ef4462),var(--pw-accent,#f5b120));
  box-shadow:0 12px 26px -12px var(--pw-danger,#ef4462),inset 0 1px 0 rgba(255,255,255,.35)}
html body.desktop .content.my01 .g-slider-wrapper.new .title-wrapper::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z' /%3E %3Cpath d='M20 3v4' /%3E %3Cpath d='M22 5h-4' /%3E %3Cpath d='M4 17v2' /%3E %3Cpath d='M5 18H3' /%3E %3C/svg%3E") center/26px no-repeat,linear-gradient(135deg,var(--pw-primary,#8b5cf6),var(--pw-primary-hover,#06b6d4));
  box-shadow:0 12px 26px -12px var(--pw-primary,#8b5cf6),inset 0 1px 0 rgba(255,255,255,.35)}
html body.desktop .content.my01 .g-slider-wrapper .title-wrapper .u-section-title{display:block!important;margin:0!important;font-size:20px!important;line-height:1.15;letter-spacing:.05em!important;white-space:nowrap;
  background:none!important;-webkit-text-fill-color:var(--pw-text,#fff)!important;color:var(--pw-text,#fff)!important;animation:none!important}
html body.desktop .content.my01 .g-slider-wrapper .title-wrapper .u-section-title::before{display:none!important}
html body.desktop .content.my01 .g-slider-wrapper .title-wrapper .u-section-title::after{content:"Paling banyak dimainkan hari ini"!important;display:block!important;margin-top:4px;padding:0!important;
  background:none!important;box-shadow:none!important;animation:none!important;border-radius:0!important;
  font-size:12.5px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none;
  -webkit-text-fill-color:var(--mt-text-2,#9aa3c7)!important;color:var(--mt-text-2,#9aa3c7)!important}
html body.desktop .content.my01 .g-slider-wrapper.new .title-wrapper .u-section-title::after{content:"Rilisan terbaru minggu ini, coba sekarang"!important}
html body.desktop .content.my01 .g-slider-wrapper .title-wrapper .pagi-wrp{margin-left:auto!important;display:flex!important;gap:8px;padding:5px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
html body.desktop .content.my01 .g-slider-wrapper .title-wrapper .pagi-wrp .btn{width:38px!important;height:38px!important;border-radius:50%!important;background:transparent!important;border:0!important}
html body.desktop .content.my01 .g-slider-wrapper .title-wrapper .pagi-wrp .btn:hover{background:var(--mt-grad-gold,linear-gradient(135deg,#ffe08a,#f5b120))!important;color:#1a1030!important;transform:none}
/* daftar kartu */
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper{padding:0!important;margin:0!important;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 94%,transparent 100%)!important;mask-image:linear-gradient(90deg,#000 0,#000 94%,transparent 100%)!important}
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper ul{display:flex!important;gap:16px;padding:6px 26px 12px!important;margin:0!important;counter-reset:gs;white-space:nowrap;
  overflow-x:auto!important;scroll-behavior:smooth;scroll-snap-type:x proximity;scroll-padding-left:26px;scrollbar-width:none}
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper ul::-webkit-scrollbar{display:none}
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper ul li{position:relative;flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important;float:none!important;counter-increment:gs;scroll-snap-align:start}
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper a.game-box{position:relative;display:block!important;width:170px!important;height:226px!important;margin:0!important;
  border-radius:24px!important;overflow:hidden;padding:0!important;border:0!important;background:#000!important;
  box-shadow:0 18px 32px -18px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.1)!important;transition:transform .4s var(--mt-ease,ease),box-shadow .4s!important}
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper a.game-box:hover{transform:translateY(-8px)!important;box-shadow:0 26px 40px -20px rgba(0,0,0,.95),0 0 0 2px color-mix(in srgb,var(--pw-accent,#f5b120) 70%,transparent)!important}
html body.desktop .content.my01 .g-slider-wrapper.new .content-wrapper a.game-box{border-radius:26px 26px 26px 10px!important}
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper a.game-box > img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;filter:none!important;transition:transform .6s var(--mt-ease,ease)!important}
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper a.game-box:hover > img{transform:scale(1.08)!important;filter:none!important}
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper a.game-box::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.55) 68%,rgba(0,0,0,.92))}
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper a.game-box .game-title{position:absolute!important;left:0;right:0;bottom:0;z-index:2;display:flex!important;align-items:flex-end;gap:8px;
  padding:0 10px 12px 14px!important;line-height:1.22!important;height:auto!important;background:none!important;border:0!important;
  font-size:13.5px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;color:#fff!important;white-space:normal!important}
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper a.game-box .game-title::before{display:none!important}
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper a.game-box .game-title span{width:auto!important;flex:1;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;
  text-shadow:0 2px 6px rgba(0,0,0,.8)}
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper a.game-box .game-title::after{content:"";flex:0 0 32px;width:32px;height:32px;border-radius:50%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231a1030' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpolygon points='6 3 20 12 6 21 6 3' /%3E %3C/svg%3E") 56% center/14px no-repeat,var(--mt-grad-gold,linear-gradient(135deg,#ffe08a,#f5b120));
  box-shadow:0 6px 14px -6px var(--pw-accent,#f5b120);transition:transform .3s}
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper a.game-box:hover .game-title::after{transform:scale(1.15)}
/* kilau (menggantikan tombol MAIN lama) */
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper a.game-box::after{content:""!important;position:absolute!important;top:0!important;bottom:0;left:0!important;width:40%;z-index:2;pointer-events:none;
  padding:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)!important;animation:gsShine 6s ease-in-out infinite;transform:none}
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper li:nth-child(2n) a.game-box::after{animation-delay:1.3s}
html body.desktop .content.my01 .g-slider-wrapper .content-wrapper li:nth-child(3n) a.game-box::after{animation-delay:2.6s}
/* badge peringkat & NEW */
html body.desktop .content.my01 .g-slider-wrapper.hot .content-wrapper li::before{content:"#" counter(gs);position:absolute;z-index:3;top:10px;left:10px;padding:4px 10px;border-radius:999px;
  font-size:12px;font-weight:900;color:#fff;
  background:linear-gradient(135deg,var(--pw-danger,#ef4462),color-mix(in srgb,var(--pw-danger,#ef4462) 60%,var(--pw-accent,#f5b120)));
  box-shadow:0 6px 14px -6px var(--pw-danger,#ef4462)}
html body.desktop .content.my01 .g-slider-wrapper.hot .content-wrapper li:nth-child(-n+3)::before{background:var(--mt-grad-gold,linear-gradient(135deg,#ffe08a,#f5b120));color:#1a1030}
html body.desktop .content.my01 .g-slider-wrapper.new .content-wrapper li::before{content:"NEW";position:absolute;z-index:3;top:10px;right:10px;padding:4px 10px;border-radius:999px;
  font-size:10.5px;font-weight:900;letter-spacing:.08em;color:#fff;
  background:linear-gradient(135deg,var(--pw-primary,#8b5cf6),var(--pw-primary-hover,#06b6d4));
  box-shadow:0 0 0 2px rgba(255,255,255,.18),0 6px 14px -6px var(--pw-primary,#8b5cf6)}
@media (prefers-reduced-motion:reduce){html body.desktop .content.my01 .g-slider-wrapper::before,html body.desktop .content.my01 .g-slider-wrapper .content-wrapper a.game-box::after{animation:none}}