/* =============================== STM88 NEON STREET ART THEME WHITE & RED VERSION ================================ */ 
:root{ 
    --stm-bg:#f5f6fa;          /* Latar belakang utama (Putih keabuan bersih) */
    --stm-card:#ffffff;        /* Latar belakang card/panel (Putih bersih) */
    --stm-dark:#e8e9f1;        /* Area gelap sekunder (Abu-abu muda kontras) */
    --stm-blue:#d60000;        /* Diubah menjadi Merah Tua untuk link/aksen */
    --stm-pink:#ff122b;        /* Merah Neon Terang Utama */
    --stm-purple:#9e001d;      /* Merah Marun/Burgundy untuk gradasi */
    --stm-red:#ff2d55;         /* Merah Pinkish untuk variasi */
    --stm-gold:#cc8500;        /* Emas yang sedikit dipadatkan agar terbaca di latar putih */
    --stm-white:#11111d;       /* DIBALIK: Menjadi teks gelap untuk judul pada latar putih */
    --stm-text:#1e2022;        /* DIBALIK: Teks utama menjadi Hitam/Abu Gelap */
    --stm-muted:#676e75;       /* DIBALIK: Teks redup menjadi Abu-abu Tua */
    --stm-glow-blue:0 0 14px rgba(214,0,0,.45); 
    --stm-glow-pink:0 0 14px rgba(255,18,43,.45); 
  } 
  
  /* GLOBAL */ 
  body{ 
    color:var(--stm-text); 
    background: radial-gradient(circle at top left,rgba(255,18,43,.08),transparent 30%), 
                radial-gradient(circle at top right,rgba(214,0,0,.08),transparent 35%), 
                linear-gradient(180deg,#f5f6fa 0%,#e8e9f1 100%); 
  } 
  h4,.sports-platform-title,.modal-title{ 
    color:var(--stm-pink); /* Menggunakan merah neon agar teks judul menyala */
    text-shadow: 0 0 6px rgba(255,12,43,0.2);
  } 
  p,.site-info-container p,.bank-list p{ 
    color:var(--stm-muted); 
  } 
  a{ 
    color:var(--stm-blue); 
    transition:.22s ease; 
  } 
  a:hover,a:focus{ 
    color:var(--stm-pink); 
    text-decoration:none; 
    text-shadow:var(--stm-glow-pink); 
  } 
  
  /* HEADER / TOPBAR */ 
  .topbar-container, .site-header{ 
    background:linear-gradient(90deg,#ffffff 0%,#f1f2f6 50%,#ffffff 100%); 
    border-bottom:2px solid rgba(255,12,43,.45); 
    box-shadow:0 4px 18px rgba(214,0,0,.1); 
  } 
  .top-menu>li>a{ 
    color:#333344; 
    font-weight:700; 
    letter-spacing:.3px; 
    transition:.22s ease; 
  } 
  .top-menu>li>a:hover, .top-menu>li[data-active="true"]>a{ 
    color:var(--stm-pink); 
    background:linear-gradient(135deg,rgba(255,12,43,.1),rgba(214,0,0,.05)); 
    text-shadow:0 0 5px rgba(255,12,43,.3); 
  } 
  
  /* SIDE MENU */ 
  .standard-side-menu, .standard-side-menu .menu-section, .messaging-side-menu{ 
    background:linear-gradient(180deg,#ffffff,#f1f2f6); 
    border:1px solid rgba(214,0,0,.15); 
    box-shadow:inset 0 0 18px rgba(255,12,43,.03); 
  } 
  .standard-side-menu a, .standard-side-menu-group-label{ 
    background:rgba(0,0,0,.02); 
    color:#333344; 
    border-left:3px solid transparent; 
    transition:.22s ease; 
  } 
  .standard-side-menu a[data-active="true"], .standard-side-menu a:hover, .standard-side-menu .menu-section a:hover, .standard-side-menu .menu-section a[data-active="true"], .messaging-side-menu [data-active="true"] a, .messaging-side-menu a:hover{ 
    background:linear-gradient(90deg,rgba(255,12,43,.15),rgba(214,0,0,.05)); 
    color:var(--stm-pink); 
    border-color:var(--stm-pink); 
    box-shadow:inset 0 0 14px rgba(214,0,0,.08); 
  } 
  
  /* PANEL / CARD */ 
  .panel, .panel-default>.panel-heading, .standard-form-container, .standard-form-content, .info-center-content, .popular-games .tab-pane, .promotions-container, .promotion-list, .slots-games-container, .casino-games-container, .race-games-container, .arcade-games-container, .crash-game-games-container, .large-game-list-container{ 
    background: linear-gradient(180deg,rgba(255, 255, 255, 0.01),rgba(0,0,0,.03)), #ffffff; 
    border-color:rgba(214,0,0,.2); 
    box-shadow:0 8px 24px rgba(0,0,0,.08); 
  } 
  
  /* TITLE BAR */ 
  .info-center-title, .standard-form-title, .popular-games [data-section="left"] .section-title, .home-game-list-container .container-title span, .popular-game-title-container .container-title span{ 
    color:#ffffff !important; 
    background:linear-gradient(135deg,var(--stm-pink),var(--stm-purple),var(--stm-blue)); 
    text-shadow:0 0 6px rgba(255,255,255,.5); 
    box-shadow:0 4px 14px rgba(255,12,43,.3); 
  } 
  
  /* BUTTON UTAMA (Merah Neon Bergradasi) */ 
  .standard-button-group .btn-primary, .messaging-side-menu .support-ticket>a, .deposit-container .reveal-bank-account-button, .play-now, .login-panel .register-button, .modal-footer .btn-primary, .download-apk .btn, .promotion-item .click-for-get-promo-button, [data-payment-gateway] .download-qr-button{ 
    color:#fff!important; 
    border:0; 
    background:linear-gradient(135deg,var(--stm-pink) 0%,var(--stm-purple) 50%,var(--stm-blue) 100%); 
    box-shadow:0 4px 14px rgba(255,12,43,.4), inset 0 0 10px rgba(255,255,255,.2); 
    font-weight:800; 
    letter-spacing:.4px; 
    transition:transform .22s ease, box-shadow .22s ease, filter .22s ease; 
  } 
  .standard-button-group .btn-primary:hover, .messaging-side-menu .support-ticket>a:hover, .deposit-container .reveal-bank-account-button:hover, .play-now:hover, .login-panel .register-button:hover, .modal-footer .btn-primary:hover, .download-apk .btn:hover, .promotion-item .click-for-get-promo-button:hover, [data-payment-gateway] .download-qr-button:hover{ 
    color:#fff!important; 
    transform:translateY(-2px); 
    filter:saturate(1.2); 
    box-shadow:0 6px 20px rgba(255,12,43,.6); 
  } 
  
  /* BUTTON SECONDARY (Putih/Abu Minimalis) */ 
  .free-play, .login-panel .login-button, .modal-btn.blank, .confirmation-message-modal .confirm-btn{ 
    color:#333; 
    background:linear-gradient(135deg,#ffffff,#e8e9f1); 
    border:1px solid rgba(214,0,0,.3); 
    box-shadow:0 2px 8px rgba(0,0,0,.05); 
    transition:.22s ease; 
  } 
  .free-play:hover, .login-panel .login-button:hover, .modal-btn.blank:hover, .confirmation-message-modal .confirm-btn:hover{ 
    background:linear-gradient(135deg,#e8e9f1,#ffffff); 
    color:var(--stm-pink); 
  } 
  
  /* FORM INPUT */ 
  .form-control, .mobile-app-container .mobile-app-select, .login-panel input[type=text], .login-panel input[type=password], .slots-games-container .filter-section input[type=text], .casino-games-container .filter-section input[type=text], .race-games-container .filter-section input[type=text]{ 
    background:#ffffff; 
    color:#222233; 
    border:1px solid rgba(214,0,0,.3); 
    box-shadow:inset 0 1px 4px rgba(0,0,0,.05); 
    transition:.22s ease; 
  } 
  .form-control:focus, .login-panel input[type=text]:focus, .login-panel input[type=password]:focus{ 
    border-color:var(--stm-pink); 
    box-shadow:0 0 0 2px rgba(255,12,43,.1),0 0 10px rgba(214,0,0,.2); 
  } 
  
  /* GAME LIST */ 
  .game-list, .game-list-title, .provider-slide, .provider-slide>main>.slide-item>a:not(.game-info){ 
    background:#ffffff; 
    border-color:rgba(255,12,43,.15); 
  } 
  .game-list .game-item, .large-game-list li, .large-game-list .game-provider-img{ 
    background: radial-gradient(circle at top,rgba(255,12,43,.05),transparent 45%), linear-gradient(180deg,#ffffff,#f9f9fb); 
    border:1px solid rgba(214,0,0,.15); 
    transition:transform .22s ease, box-shadow .22s ease; 
  } 
  .game-list .game-item:hover, .large-game-list li:hover{ 
    transform:translateY(-3px); 
    box-shadow:0 6px 16px rgba(255,12,43,.18); 
  } 
  .game-list .game-name, .slots-games-container .game-name, .casino-games-container .game-name, .race-games-container .game-name{ 
    color:#fff !important; 
    background:linear-gradient(90deg,var(--stm-pink),var(--stm-purple)); 
    text-shadow:0 0 4px rgba(255,255,255,.3); 
  } 
  
  /* CATEGORY ACTIVE */ 
  .slots-games-container .category-filter-link.active, .slots-games-container .category-filter-link:hover, .casino-games-container .category-filter-link.active, .casino-games-container .category-filter-link:hover, .race-games-container .category-filter-link.active, .race-games-container .category-filter-link:hover, .arcade-games-container .category-filter-link.active, .arcade-games-container .category-filter-link:hover, .crash-game-games-container .category-filter-link.active, .crash-game-games-container .category-filter-link:hover{ 
    color:#fff !important; 
    background:linear-gradient(135deg,var(--stm-blue),var(--stm-purple),var(--stm-pink)); 
    box-shadow:0 4px 12px rgba(255,12,43,.3); 
  } 
  
  /* BANK / DEPOSIT */ 
  .bank-info, .deposit-container .bank-info, .withdrawal-container .bank-info, .bank-info-block{ 
    background:linear-gradient(180deg,#ffffff,#f1f2f6); 
    color:#222; 
    border:1px solid rgba(204,133,0,.4); 
    box-shadow:0 4px 12px rgba(204,133,0,.08); 
  } 
  .deposit-container .standard-form-note a, .deposit-container .formatted-balance, .deposit-amount-container .real-deposit-amount, .deposit-amount-container .deposit-amount input.form-control, .withdrawal-container .total-balance{ 
    color:var(--stm-gold); 
    text-shadow:0 0 1px rgba(204,133,0,.1); 
  } 
  
  /* MODAL */ 
  .modal-content, .bonus-slider-modal .modal-content{ 
    background:linear-gradient(180deg,#ffffff,#f5f6fa); 
    border:2px solid rgba(255,12,43,.35); 
    box-shadow:0 10px 30px rgba(0,0,0,.15); 
  } 
  .modal-header{ 
    border-bottom-color:rgba(214,0,0,.15); 
  } 
  .modal-content h4, .claim-info-modal h4, .download-popup-modal .modal-header .modal-title{ 
    color:var(--stm-pink); 
    text-shadow:none; 
  } 
  
  /* ANNOUNCEMENT / TICKER */ 
  .announcement-container, .tickercontainer, .jackpot-winners .winners-ticker-container{ 
    background:linear-gradient(90deg,#ffffff,#f1f2f6,#ffffff); 
    color:#222; 
    border:1px solid rgba(214,0,0,.15); 
    box-shadow:inset 0 0 10px rgba(0,0,0,.02); 
  } 
  .notice ul li, .announcement-container .announcement-list li{ 
    color:#333344; 
  } 
  
  /* FOOTER */ 
  .site-footer{ 
    background: radial-gradient(circle at bottom,rgba(255,12,43,.05),transparent 35%), #ffffff; 
    border-top:2px solid rgba(214,0,0,.2); 
  } 
  .footer-links>li>a{ 
    color:#555566; 
  } 
  .footer-links>li>a:hover{ 
    color:var(--stm-pink); 
  } 
  
  /* USER INFO */ 
  .user-info .user-main-info, .user-info .dropdown-menu{ 
    background:linear-gradient(180deg,#ffffff,#f5f6fa); 
    border:1px solid rgba(214,0,0,.2); 
    box-shadow:0 4px 14px rgba(0,0,0,.08); 
  } 
  .user-info .wallet-container .balance, .user-info .wallet-container .locked-balance, .standard-profile-bar .user-field div .username{ 
    color:var(--stm-gold); 
  } 
  
  /* PROMO / CLAIM */ 
  .claim-item, .pending-transactions-container .pending-transactions-item, .remarks-container{ 
    background:linear-gradient(180deg,#ffffff,#f9f9fb); 
    color:#222; 
    border-color:rgba(255,12,43,.25); 
    box-shadow:0 4px 10px rgba(0,0,0,.05); 
  } 
  .claim-item .claim-button, .claim-item .activation-button, .claim-item .cancellation-button, .claim-item .expiration-button{ 
    background:linear-gradient(135deg,var(--stm-pink),var(--stm-blue)); 
    color:#fff; 
  } 
  
  /* LIGHT ANIMATION */ 
  @keyframes stmSoftPulse{ 
    0%,100%{box-shadow:0 0 8px rgba(214,0,0,.1)} 
    50%{box-shadow:0 0 16px rgba(255,12,43,.25)} 
  } 
  @keyframes stmNeonMove{ 
    0%{background-position:0% 50%} 
    50%{background-position:100% 50%} 
    100%{background-position:0% 50%} 
  } 
  .home-game-list-container .container-content, .popular-game-title-container .container-content, .slot-jackpot-container, .jackpot-winners{ 
    animation:stmSoftPulse 3.8s ease-in-out infinite; 
  } 
  .play-now, .login-panel .register-button, .standard-button-group .btn-primary{ 
    background-size:180% 180%; 
    animation:stmNeonMove 4s ease infinite; 
  } 
  
  /* MOBILE FRIENDLY */ 
  @media(max-width:768px){ 
    .top-menu>li>a{ font-size:12px; } 
    .standard-side-menu a, .game-list .game-name{ font-size:12px; } 
    .home-game-list-container .container-content, .popular-game-title-container .container-content{ animation:none; } 
  } 
  @media(prefers-reduced-motion:reduce){ 
    *{ animation:none!important; transition:none!important; } 
  }