:root{
  --main-theme-color:#e20ed5!important;
  --theme-primary:#e20ed5!important;
  --theme-secondary:#ff65f4!important;
  --theme-accent:#ffe8fc!important;
  --theme-soft:#ffd1fa!important;
  --theme-gold:#ffe46b!important;
  --theme-green:#baffdf!important;
  --theme-blue:#c7f7ff!important;
  --theme-orange:#ffd1a8!important;
  --theme-violet:#efe0ff!important;
  --theme-rose:#ffc3e6!important;

  --theme-bg:#e20ed5!important;
  --theme-bg-2:#9f0798!important;
  --theme-bg-3:#60005d!important;
  --theme-dark:#170018!important;
  --theme-panel:#2a062f!important;
  --theme-panel-2:#460049!important;
  --theme-card:#210022!important;

  --text-block-1:#ffffff!important;
  --text-block-2:#ffe8fc!important;
  --text-block-3:#ffe46b!important;
  --text-block-4:#baffdf!important;
  --text-block-5:#c7f7ff!important;
  --text-block-6:#ffd1a8!important;
  --text-block-7:#efe0ff!important;
  --text-block-8:#ffc3e6!important;
  --text-block-9:#d7ffb5!important;
  --text-block-10:#fff3c7!important;
}

/* BACKGROUND UTAMA */
html,
body,
.site-content-container,
[data-container-background],
[data-container-background="general"],
[data-container-background="home"],
[data-container-background="slots"],
[data-container-background="arcade"],
[data-container-background="crash-game"],
[data-container-background="casino"],
[data-container-background="race"],
[data-container-background="others"],
[data-container-background="promotions"]{
  background-color:#e20ed5!important;
}

body,
.site-content-container,
[data-container-background]{
  background:
    radial-gradient(circle at 8% 10%,rgba(255,232,252,.42),transparent 27%),
    radial-gradient(circle at 90% 12%,rgba(255,101,244,.35),transparent 30%),
    radial-gradient(circle at 20% 88%,rgba(255,228,107,.24),transparent 32%),
    radial-gradient(circle at 86% 86%,rgba(199,247,255,.22),transparent 35%),
    linear-gradient(145deg,#e20ed5 0%,#9f0798 46%,#170018 100%)!important;
  color:#ffffff!important;
  accent-color:#ffe8fc!important;
  overflow-x:hidden;
  position:relative;
}

/* MOTIF BACKGROUND BARU */
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(135deg,rgba(255,255,255,.14) 1px,transparent 1px),
    linear-gradient(45deg,rgba(255,232,252,.12) 1px,transparent 1px),
    radial-gradient(circle,rgba(255,228,107,.20) 1px,transparent 2px),
    radial-gradient(circle,rgba(226,14,213,.34) 1px,transparent 2px);
  background-size:74px 74px,74px 74px,38px 38px,110px 110px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.30));
  animation:magentaGridMove 18s linear infinite;
  mix-blend-mode:soft-light;
}

body:after{
  content:"";
  position:fixed;
  left:-12%;
  right:-12%;
  bottom:-110px;
  height:430px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 52%,rgba(255,232,252,.38),transparent 35%),
    radial-gradient(circle at 74% 44%,rgba(255,101,244,.42),transparent 38%),
    radial-gradient(circle at 52% 92%,rgba(255,228,107,.20),transparent 34%);
  filter:blur(30px);
}

/* STRUKTUR LAYOUT BARU TANPA UBAH HTML */
.site-content-container{
  position:relative;
  isolation:isolate;
}

.home-inner-container{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:28px!important;
  padding:34px!important;
  margin:28px auto!important;
  max-width:1200px!important;
  border-radius:42px!important;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(155deg,rgba(255,255,255,.18),rgba(255,255,255,.05)),
    radial-gradient(circle at 12% 0%,rgba(255,232,252,.32),transparent 36%),
    radial-gradient(circle at 90% 100%,rgba(255,228,107,.18),transparent 32%),
    linear-gradient(135deg,#2a062f 0%,#e20ed5 52%,#60005d 100%)!important;
  border:1px solid rgba(255,232,252,.56)!important;
  box-shadow:
    0 34px 96px rgba(23,0,24,.66),
    inset 0 1px 0 rgba(255,255,255,.25),
    0 0 64px rgba(226,14,213,.34)!important;
}

/* URUTAN VISUAL */
.home-inner-container .banner,
.home-inner-container .banner-carousel,
.home-inner-container [class*="banner"],
.home-inner-container [class*="slider"],
.home-inner-container [class*="carousel"]{
  order:1!important;
  grid-column:1/-1!important;
}

.home-inner-container .standard-button-group,
.home-inner-container .button-group,
.home-inner-container [class*="button"],
.home-inner-container [class*="btn"],
.home-inner-container [class*="download"],
.home-inner-container [class*="unduh"],
.home-inner-container [class*="apk"],
.home-inner-container .mobile-app-container{
  order:2!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:14px!important;
}

.home-inner-container h1,
.home-inner-container .headline-box,
.home-inner-container .headline-zone,
.home-inner-container .title-box,
.home-inner-container .section-title,
.home-inner-container [class*="headline"],
.home-inner-container [class*="title"]{
  order:3!important;
  text-align:center!important;
  padding:22px 20px!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at top,rgba(255,232,252,.28),transparent 42%),
    linear-gradient(135deg,rgba(23,0,24,.96),rgba(96,0,93,.82))!important;
  border:1px solid rgba(255,232,252,.64)!important;
}

.home-inner-container .info-grid,
.home-inner-container .feature-grid,
.home-inner-container .content-grid,
.home-inner-container [class*="grid"],
.home-inner-container [class*="card"]{
  order:4!important;
}

/* PANEL UTAMA */
.home-inner-container,
.standard-form-content,
.login-panel,
.modal-content,
.promotion-list,
.footer-featured-product-section .site-info-description,
.footer-banking-section .banking-footer-section,
.footer-banking-section .bank-list-container,
.standard-side-menu,
.standard-profile-bar,
.pending-transaction-detail-card,
.referral-box-container .referral-box{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.05)),
    linear-gradient(145deg,rgba(33,0,34,.98),rgba(96,0,93,.92))!important;
  border:1px solid rgba(255,232,252,.58)!important;
  border-radius:34px!important;
  box-shadow:
    0 28px 88px rgba(23,0,24,.68),
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 44px rgba(226,14,213,.30)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.home-inner-container:after,
.standard-form-content:after,
.login-panel:after,
.modal-content:after,
.promotion-list:after,
.footer-featured-product-section .site-info-description:after,
.footer-sitemap-section>div:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(120deg,transparent,rgba(255,255,255,.20),transparent),
    radial-gradient(circle at top right,rgba(255,232,252,.20),transparent 36%);
  opacity:.88;
}

/* HEADER */
.site-header,
.topbar-container{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(135deg,rgba(23,0,24,.98),rgba(96,0,93,.96),rgba(226,14,213,.90))!important;
  border-bottom:1px solid rgba(255,232,252,.66)!important;
  box-shadow:0 20px 58px rgba(23,0,24,.62)!important;
}

.site-header:before,
.topbar-container:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 20%,rgba(255,232,252,.25),transparent 25%),
    radial-gradient(circle at 88% 18%,rgba(255,228,107,.20),transparent 28%);
  pointer-events:none;
}

.site-header:after,
.topbar-container:after,
.announcement-outer-container:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,#ffe8fc,#ff65f4,#ffe46b,transparent)!important;
  box-shadow:0 0 22px rgba(255,232,252,.88)!important;
}

/* ANNOUNCEMENT */
.announcement-outer-container{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,#170018 0%,#e20ed5 40%,#ff65f4 60%,#60005d 100%)!important;
  color:#ffffff!important;
  border-top:1px solid rgba(255,232,252,.54)!important;
  border-bottom:1px solid rgba(255,232,252,.54)!important;
}

.announcement-outer-container:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent)!important;
  transform:translateX(-130%);
  animation:magentaShimmer 4.4s infinite!important;
}

.announcement-container>[data-section="announcements"]{
  background:rgba(23,0,24,.86)!important;
  border:1px solid rgba(255,232,252,.58)!important;
  border-radius:999px!important;
  box-shadow:
    inset 0 0 30px rgba(255,232,252,.17),
    0 0 30px rgba(226,14,213,.32)!important;
}

.announcement-list li{
  color:#fff3c7!important;
  letter-spacing:.25px!important;
  text-shadow:0 0 14px rgba(255,232,252,.46)!important;
}

/* HEADING */
h1,h2,h3,h4,h5,h6,
.standard-form-title,
.standard-nav-bar .nav-bar-title,
.standard-profile-bar .username-field .username,
.standard-profile-bar .balance-field .balance,
.popular-game-title-container .title,
.game-list .provider-name,
.info-center-container h2,
.standard-content-info h2,
.footer-sitemap-section h4,
.footer-description-section h4{
  color:#ffe8fc!important;
  letter-spacing:.45px!important;
  text-shadow:
    0 0 18px rgba(255,232,252,.76),
    0 0 38px rgba(226,14,213,.42),
    0 5px 18px rgba(23,0,24,.92)!important;
}

h1:after,
h2:after,
.footer-sitemap-section h4:after,
.footer-description-section h4:after{
  content:"";
  display:block;
  width:112px;
  height:3px;
  margin-top:10px;
  border-radius:999px;
  background:linear-gradient(90deg,#ffe8fc,#ff65f4,#ffe46b,transparent)!important;
  box-shadow:0 0 24px rgba(255,232,252,.66)!important;
}

.home-inner-container h1:after,
.home-inner-container .headline-box:after,
.home-inner-container .headline-zone:after,
.home-inner-container .title-box:after{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* TEKS UMUM */
body,
p,
li,
span,
small,
label,
td,
th,
.standard-inline-form-group label,
.standard-form-note,
.pending-transaction-section,
.user-info,
.login-panel,
.modal-body,
.modal-footer,
.game-description-container .game-description,
.site-info-inner-container,
.copyright-info-container{
  color:#ffffff!important;
}

/* LINK */
a,
.info-center-container a,
.contact-us-list li a,
.form-footer-note-section .form-footer-note-link a,
.register-modal .register-page-link a,
.standard-form-note a{
  color:#ffe8fc!important;
  transition:
    color .22s ease,
    text-shadow .22s ease,
    filter .22s ease,
    transform .22s ease!important;
}

a:hover,
.footer-sitemap-section .footer-links>li>a:hover{
  color:#ffe46b!important;
  text-shadow:0 0 18px rgba(255,228,107,.82)!important;
}

/* BANNER & IMAGE */
.banner,
.banner-carousel,
.banner-carousel>div:first-child img,
.banner .slick-slide img{
  border-radius:38px!important;
  overflow:hidden;
  border:1px solid rgba(255,232,252,.72)!important;
  box-shadow:
    0 32px 94px rgba(23,0,24,.76),
    0 0 46px rgba(226,14,213,.36),
    inset 0 1px 0 rgba(255,255,255,.22)!important;
}

.banner-carousel img,
.banner .slick-slide img,
.game-list .game-item img,
.large-game-list li img,
.promotion-item img{
  border-radius:24px!important;
  filter:saturate(1.20) contrast(1.12) brightness(1.04)!important;
  transition:
    transform .28s ease,
    filter .28s ease,
    box-shadow .28s ease!important;
}

.banner-carousel img:hover,
.banner .slick-slide img:hover,
.game-list .game-item:hover img,
.large-game-list li:hover img,
.promotion-item:hover img{
  transform:scale(1.045)!important;
  filter:saturate(1.38) contrast(1.18) brightness(1.08)!important;
  box-shadow:0 0 40px rgba(255,232,252,.45)!important;
}

/* GRID LIST */
.game-list,
.large-game-list,
.promotion-list,
.bonus-selection-list,
.notification-list{
  gap:22px!important;
}

.game-list,
.large-game-list{
  align-items:stretch!important;
}

/* CARD */
.game-list .game-item,
.large-game-list li,
.promotion-item,
.claim-item,
.transaction-item,
.pending-transaction-detail-card,
.bonus-selection-list .bonus-selection-card,
.notification-list .notification-item,
.referral-box-container .referral-box{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at top left,rgba(255,232,252,.24),transparent 34%),
    radial-gradient(circle at bottom right,rgba(255,228,107,.18),transparent 36%),
    linear-gradient(180deg,rgba(96,0,93,.98),rgba(23,0,24,.98))!important;
  border:1px solid rgba(255,232,252,.54)!important;
  border-radius:28px!important;
  box-shadow:
    0 22px 58px rgba(23,0,24,.66),
    inset 0 1px 0 rgba(255,255,255,.17)!important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    filter .22s ease!important;
}

.game-list .game-item:before,
.large-game-list li:before,
.promotion-item:before,
.claim-item:before,
.transaction-item:before,
.pending-transaction-detail-card:before,
.bonus-selection-list .bonus-selection-card:before,
.notification-list .notification-item:before,
.referral-box-container .referral-box:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.32),transparent);
  transform:translateX(-125%);
  transition:transform .72s ease;
}

.game-list .game-item:hover,
.large-game-list li:hover,
.promotion-item:hover,
.claim-item:hover,
.transaction-item:hover,
.pending-transaction-detail-card:hover,
.bonus-selection-list .bonus-selection-card:hover,
.notification-list .notification-item:hover,
.referral-box-container .referral-box:hover{
  transform:translateY(-8px) scale(1.018)!important;
  border-color:rgba(255,228,107,.88)!important;
  box-shadow:
    0 36px 90px rgba(23,0,24,.78),
    0 0 40px rgba(255,232,252,.38),
    0 0 54px rgba(226,14,213,.34)!important;
}

.game-list .game-item:hover:before,
.large-game-list li:hover:before,
.promotion-item:hover:before,
.claim-item:hover:before,
.transaction-item:hover:before,
.pending-transaction-detail-card:hover:before,
.bonus-selection-list .bonus-selection-card:hover:before,
.notification-list .notification-item:hover:before,
.referral-box-container .referral-box:hover:before{
  transform:translateX(125%);
}

/* BUTTON */
button,
.btn,
.standard-button-group .btn,
.login-panel .login-button,
.login-panel .register-button,
.play-now,
.free-play,
.copy-input-button,
.request-otp-button,
.click-for-more-info-button,
.click-for-get-promo-button,
.mobile-app-container a,
.mobile-app-container button,
[class*="download"],
[class*="unduh"],
[class*="apk"]{
  border-radius:999px!important;
  letter-spacing:.36px!important;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,232,252,.78)!important;
  background:linear-gradient(135deg,#170018 0%,#e20ed5 54%,#ff65f4 100%)!important;
  color:#ffffff!important;
  box-shadow:
    0 18px 48px rgba(23,0,24,.70),
    inset 0 1px 0 rgba(255,255,255,.27),
    0 0 28px rgba(255,232,252,.30)!important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease,
    background .22s ease,
    border-color .22s ease,
    color .22s ease!important;
}

button:before,
.btn:before,
.login-panel .login-button:before,
.login-panel .register-button:before,
.play-now:before,
.free-play:before,
.mobile-app-container a:before,
.mobile-app-container button:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.46),transparent);
  transform:translateX(-125%);
  transition:transform .66s ease;
}

button:hover:before,
.btn:hover:before,
.login-panel .login-button:hover:before,
.login-panel .register-button:hover:before,
.play-now:hover:before,
.free-play:hover:before,
.mobile-app-container a:hover:before,
.mobile-app-container button:hover:before{
  transform:translateX(125%);
}

button:hover,
.btn:hover,
.standard-button-group .btn:hover,
.login-panel .login-button:hover,
.login-panel .register-button:hover,
.play-now:hover,
.free-play:hover,
.copy-input-button:hover,
.request-otp-button:hover,
.click-for-more-info-button:hover,
.click-for-get-promo-button:hover,
.mobile-app-container a:hover,
.mobile-app-container button:hover,
[class*="download"]:hover,
[class*="unduh"]:hover,
[class*="apk"]:hover{
  transform:translateY(-4px) scale(1.022)!important;
  border-color:#ffe46b!important;
  box-shadow:
    0 24px 64px rgba(23,0,24,.80),
    0 0 38px rgba(255,232,252,.46),
    0 0 52px rgba(255,228,107,.28)!important;
  filter:brightness(1.10);
}

.login-panel .login-button,
.free-play{
  background:linear-gradient(135deg,rgba(23,0,24,.96),rgba(96,0,93,.94))!important;
  color:#ffe8fc!important;
}

.login-panel .login-button:hover,
.free-play:hover{
  background:#ffe8fc!important;
  color:#170018!important;
  border-color:#ffe8fc!important;
}

/* FORM */
input,
select,
textarea,
.form-control,
.standard-reporting-control-group>input,
.standard-inline-form-group .form-control,
.standard-form-content .form-control,
.mobile-app-container .mobile-app-select,
.appeal-form textarea.form-control,
.rating-review-modal textarea.form-control,
.login-panel input[type=text],
.login-panel input[type=password]{
  background:rgba(23,0,24,.95)!important;
  border:1px solid rgba(255,232,252,.52)!important;
  color:#ffffff!important;
  border-radius:20px!important;
  transition:
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease,
    color .22s ease,
    transform .22s ease!important;
}

input::placeholder,
textarea::placeholder{
  color:#ffd1fa!important;
}

input:hover,
select:hover,
textarea:hover,
.form-control:hover{
  border-color:rgba(255,232,252,.84)!important;
  box-shadow:0 0 0 2px rgba(255,232,252,.18)!important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus{
  background:rgba(33,0,34,.98)!important;
  border-color:#ffe8fc!important;
  box-shadow:
    0 0 0 3px rgba(255,232,252,.28),
    0 0 30px rgba(226,14,213,.36)!important;
  transform:translateY(-1px);
  outline:none!important;
}

/* TABLE */
.table thead>tr>th,
.transactions-table.table thead,
.standard-form-content .table thead,
.standard-reporting-scroll-container .table thead{
  background:linear-gradient(135deg,rgba(23,0,24,.98),rgba(96,0,93,.94))!important;
  color:#ffe8fc!important;
  border-color:rgba(255,232,252,.50)!important;
}

.table tbody,
.transactions-table.table tbody{
  background:rgba(23,0,24,.95)!important;
}

.table tbody>tr:hover,
.transactions-table.table tbody tr:hover{
  background:rgba(255,232,252,.16)!important;
}

.table tbody>tr:nth-child(5n+1)>td{color:#ffffff!important}
.table tbody>tr:nth-child(5n+2)>td{color:#ffe8fc!important}
.table tbody>tr:nth-child(5n+3)>td{color:#ffe46b!important}
.table tbody>tr:nth-child(5n+4)>td{color:#baffdf!important}
.table tbody>tr:nth-child(5n+5)>td{color:#c7f7ff!important}

/* NAVIGATION */
.standard-nav-bar a,
.standard-side-menu a,
.promotion-side-menu>a{
  color:#ffe8fc!important;
  background:transparent!important;
  border-color:rgba(255,232,252,.38)!important;
  border-radius:20px!important;
}

.standard-nav-bar a[data-active="true"],
.standard-nav-bar a:not([data-active="true"]):hover,
.standard-side-menu a[data-active="true"],
.standard-side-menu a:not([data-active="true"]):hover,
.promotion-side-menu>a[data-active="true"],
.promotion-side-menu>a:hover{
  background:linear-gradient(135deg,#170018,#e20ed5,#ff65f4)!important;
  color:#ffffff!important;
  border-color:#ffe8fc!important;
  box-shadow:0 0 26px rgba(255,232,252,.30)!important;
}

/* FOOTER STRUKTUR BARU */
.footer-separator{
  border-color:rgba(255,232,252,.56)!important;
}

.footer-sitemap-section{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:24px!important;
  padding:32px!important;
  border-radius:36px!important;
  background:
    radial-gradient(circle at top left,rgba(255,232,252,.24),transparent 34%),
    radial-gradient(circle at bottom right,rgba(255,228,107,.18),transparent 32%),
    linear-gradient(135deg,rgba(23,0,24,.92),rgba(96,0,93,.80))!important;
  border:1px solid rgba(255,232,252,.48)!important;
  box-shadow:0 24px 70px rgba(23,0,24,.48)!important;
}

.footer-sitemap-section>div{
  position:relative;
  overflow:hidden;
  padding:25px!important;
  border-radius:30px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.05)),
    rgba(23,0,24,.82)!important;
  border:1px solid rgba(255,232,252,.42)!important;
  box-shadow:
    0 22px 56px rgba(23,0,24,.48),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.footer-featured-product-section .site-info-description,
.footer-banking-section .banking-footer-section,
.footer-banking-section .bank-list-container{
  background:
    radial-gradient(circle at top left,rgba(255,232,252,.28),transparent 35%),
    radial-gradient(circle at bottom right,rgba(255,101,244,.25),transparent 36%),
    rgba(23,0,24,.96)!important;
}

.footer-sitemap-section .footer-links>li>a{
  color:#fff3c7!important;
}

.footer-sitemap-section .footer-links>li>a strong{
  color:#ffe8fc!important;
}

.footer-description-section,
.site-info-inner-container{
  color:#baffdf!important;
}

.copyright-info-container .copyright{
  color:#ffe8fc!important;
}

/* WARNA TEKS WAJIB BEDA TIAP BLOK */
.home-inner-container > *:nth-child(10n+1),
.home-inner-container > *:nth-child(10n+1) :is(p,li,span,a,strong){
  color:#ffffff!important;
}

.home-inner-container > *:nth-child(10n+2),
.home-inner-container > *:nth-child(10n+2) :is(p,li,span,a,strong){
  color:#ffe8fc!important;
}

.home-inner-container > *:nth-child(10n+3),
.home-inner-container > *:nth-child(10n+3) :is(p,li,span,a,strong){
  color:#ffe46b!important;
}

.home-inner-container > *:nth-child(10n+4),
.home-inner-container > *:nth-child(10n+4) :is(p,li,span,a,strong){
  color:#baffdf!important;
}

.home-inner-container > *:nth-child(10n+5),
.home-inner-container > *:nth-child(10n+5) :is(p,li,span,a,strong){
  color:#c7f7ff!important;
}

.home-inner-container > *:nth-child(10n+6),
.home-inner-container > *:nth-child(10n+6) :is(p,li,span,a,strong){
  color:#ffd1a8!important;
}

.home-inner-container > *:nth-child(10n+7),
.home-inner-container > *:nth-child(10n+7) :is(p,li,span,a,strong){
  color:#efe0ff!important;
}

.home-inner-container > *:nth-child(10n+8),
.home-inner-container > *:nth-child(10n+8) :is(p,li,span,a,strong){
  color:#ffc3e6!important;
}

.home-inner-container > *:nth-child(10n+9),
.home-inner-container > *:nth-child(10n+9) :is(p,li,span,a,strong){
  color:#d7ffb5!important;
}

.home-inner-container > *:nth-child(10n+10),
.home-inner-container > *:nth-child(10n+10) :is(p,li,span,a,strong){
  color:#fff3c7!important;
}

.footer-sitemap-section>div:nth-child(10n+1) :is(a,p,li,span,strong){color:#ffffff!important}
.footer-sitemap-section>div:nth-child(10n+2) :is(a,p,li,span,strong){color:#ffe8fc!important}
.footer-sitemap-section>div:nth-child(10n+3) :is(a,p,li,span,strong){color:#ffe46b!important}
.footer-sitemap-section>div:nth-child(10n+4) :is(a,p,li,span,strong){color:#baffdf!important}
.footer-sitemap-section>div:nth-child(10n+5) :is(a,p,li,span,strong){color:#c7f7ff!important}
.footer-sitemap-section>div:nth-child(10n+6) :is(a,p,li,span,strong){color:#ffd1a8!important}
.footer-sitemap-section>div:nth-child(10n+7) :is(a,p,li,span,strong){color:#efe0ff!important}
.footer-sitemap-section>div:nth-child(10n+8) :is(a,p,li,span,strong){color:#ffc3e6!important}
.footer-sitemap-section>div:nth-child(10n+9) :is(a,p,li,span,strong){color:#d7ffb5!important}
.footer-sitemap-section>div:nth-child(10n+10) :is(a,p,li,span,strong){color:#fff3c7!important}

/* WARNA FORM & PANEL BEDA */
.standard-form-content :is(p,li,label,span):nth-child(odd){
  color:#ffe8fc!important;
}

.standard-form-content :is(p,li,label,span):nth-child(even){
  color:#c7f7ff!important;
}

.login-panel :is(p,li,label,span):nth-child(odd){
  color:#baffdf!important;
}

.login-panel :is(p,li,label,span):nth-child(even){
  color:#ffffff!important;
}

.promotion-item :is(p,li,span):nth-child(odd),
.promotion-list :is(p,li,span):nth-child(odd){
  color:#ffe46b!important;
}

.promotion-item :is(p,li,span):nth-child(even),
.promotion-list :is(p,li,span):nth-child(even){
  color:#ffe8fc!important;
}

.notification-list .notification-item:nth-child(odd),
.notification-list .notification-item:nth-child(odd) :is(p,span,li){
  color:#d7ffb5!important;
}

.notification-list .notification-item:nth-child(even),
.notification-list .notification-item:nth-child(even) :is(p,span,li){
  color:#ffc3e6!important;
}

/* STRUKTUR BLOK BARU - MODEL MAGENTA ORBIT */
.home-inner-container > *{
  width:100%!important;
  box-sizing:border-box!important;
}

.home-inner-container > *:not(.banner):not(.banner-carousel):not([class*="slider"]):not([class*="carousel"]){
  border-radius:30px!important;
}

.home-inner-container > *:nth-child(3n+1):not(.banner):not(.banner-carousel){
  background:
    radial-gradient(circle at 12% 15%,rgba(255,232,252,.22),transparent 34%),
    linear-gradient(145deg,rgba(42,6,47,.95),rgba(96,0,93,.72))!important;
  border:1px solid rgba(255,232,252,.46)!important;
  box-shadow:0 20px 56px rgba(23,0,24,.48)!important;
}

.home-inner-container > *:nth-child(3n+2):not(.banner):not(.banner-carousel){
  background:
    radial-gradient(circle at 88% 20%,rgba(255,228,107,.25),transparent 34%),
    linear-gradient(145deg,rgba(33,0,34,.96),rgba(226,14,213,.54))!important;
  border:1px solid rgba(255,228,107,.48)!important;
  box-shadow:0 20px 56px rgba(23,0,24,.48)!important;
}

.home-inner-container > *:nth-child(3n+3):not(.banner):not(.banner-carousel){
  background:
    radial-gradient(circle at 50% 0%,rgba(186,255,223,.22),transparent 34%),
    linear-gradient(145deg,rgba(23,0,24,.97),rgba(96,0,93,.78))!important;
  border:1px solid rgba(186,255,223,.40)!important;
  box-shadow:0 20px 56px rgba(23,0,24,.48)!important;
}

/* BORDER BEDA TIAP BLOK FOOTER */
.footer-sitemap-section>div:nth-child(6n+1){
  border-color:rgba(255,255,255,.56)!important;
}

.footer-sitemap-section>div:nth-child(6n+2){
  border-color:rgba(255,232,252,.68)!important;
}

.footer-sitemap-section>div:nth-child(6n+3){
  border-color:rgba(255,228,107,.68)!important;
}

.footer-sitemap-section>div:nth-child(6n+4){
  border-color:rgba(186,255,223,.68)!important;
}

.footer-sitemap-section>div:nth-child(6n+5){
  border-color:rgba(199,247,255,.68)!important;
}

.footer-sitemap-section>div:nth-child(6n+6){
  border-color:rgba(255,195,230,.68)!important;
}

/* SCROLLBAR */
*{
  scrollbar-width:thin;
  scrollbar-color:#ffe8fc #170018!important;
}

*::selection{
  background:#ffe8fc!important;
  color:#170018!important;
}

::-webkit-scrollbar{
  width:10px;
  height:9px;
}

::-webkit-scrollbar-track{
  background:#170018!important;
}

::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#ffe8fc,#e20ed5,#ffe46b)!important;
  border-radius:999px;
  border:2px solid #170018!important;
}

/* IMAGE GLOW */
img{
  transition:transform .25s ease,filter .25s ease,box-shadow .25s ease!important;
}

img:hover{
  box-shadow:0 0 32px rgba(255,232,252,.40)!important;
}

/* FLOATING EFFECT */
.home-inner-container,
.standard-form-content,
.login-panel,
.modal-content,
.promotion-list,
.footer-featured-product-section .site-info-description{
  animation:magentaSoftFloat 6.5s ease-in-out infinite!important;
}

.footer-sitemap-section>div:nth-child(odd){
  transform:translateY(-4px)!important;
}

.footer-sitemap-section>div:nth-child(even){
  transform:translateY(4px)!important;
}

/* RESPONSIVE */
@media (max-width:768px){
  .home-inner-container,
  .banner,
  .banner-carousel,
  .site-header,
  .standard-form-content,
  .login-panel,
  .modal-content{
    border-radius:24px!important;
  }

  .home-inner-container{
    padding:18px!important;
    gap:17px!important;
    margin:18px auto!important;
  }

  .footer-sitemap-section{
    grid-template-columns:1fr!important;
    padding:18px!important;
  }

  .footer-sitemap-section>div{
    padding:18px!important;
  }

  .footer-sitemap-section>div:nth-child(odd),
  .footer-sitemap-section>div:nth-child(even){
    transform:none!important;
  }

  .game-list .game-item:hover,
  .large-game-list li:hover,
  .promotion-item:hover{
    transform:translateY(-4px) scale(1.01)!important;
  }

  h1:after,
  h2:after,
  .footer-sitemap-section h4:after,
  .footer-description-section h4:after{
    width:66px;
  }

  .announcement-container>[data-section="announcements"]{
    border-radius:20px!important;
  }
}

/* ANIMATION */
@keyframes magentaShimmer{
  0%{transform:translateX(-130%)}
  55%,100%{transform:translateX(130%)}
}

@keyframes magentaGridMove{
  0%{background-position:0 0,0 0,0 0,0 0}
  100%{background-position:74px 74px,-74px 74px,38px 38px,-110px 110px}
}

@keyframes magentaSoftFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}