/* =============================== STM88 NEON STREET ART THEME Tempel di PALING BAWAH CSS lama ================================ */ :root{ --stm-bg:#041b10; --stm-card:#082a17; --stm-dark:#0c321c; --stm-blue:#22c55e; --stm-pink:#86efac; --stm-purple:#16a34a; --stm-red:#34d399; --stm-gold:#a3e635; --stm-white:#ffffff; --stm-text:#ecfdf5; --stm-muted:#bbf7d0; --stm-glow-blue:0 0 14px rgba(34,197,94,.65); --stm-glow-pink:0 0 14px rgba(134,239,172,.65); } /* GLOBAL */ body{ color:var(--stm-text); background: radial-gradient(circle at top left,rgba(134,239,172,.16),transparent 30%), radial-gradient(circle at top right,rgba(34,197,94,.18),transparent 35%), linear-gradient(180deg,#041b10 0%,#062516 100%); } h4,.sports-platform-title,.modal-title{ color:var(--stm-white); text-shadow:var(--stm-glow-pink); } 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,#062516 0%,#10452a 50%,#062516 100%); border-bottom:1px solid rgba(134,239,172,.45); box-shadow:0 0 18px rgba(34,197,94,.22); } .top-menu>li>a{ color:#dcfce7; font-weight:700; letter-spacing:.3px; transition:.22s ease; } .top-menu>li>a:hover, .top-menu>li[data-active="true"]>a{ color:var(--stm-white); background:linear-gradient(135deg,rgba(134,239,172,.18),rgba(34,197,94,.18)); text-shadow:0 0 10px var(--stm-blue); } /* SIDE MENU */ .standard-side-menu, .standard-side-menu .menu-section, .messaging-side-menu{ background:linear-gradient(180deg,#062516,#11111c); border:1px solid rgba(34,197,94,.22); box-shadow:inset 0 0 18px rgba(134,239,172,.08); } .standard-side-menu a, .standard-side-menu-group-label{ background:rgba(255,255,255,.03); color:#ecfdf5; 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(134,239,172,.25),rgba(34,197,94,.12)); color:var(--stm-white); border-color:var(--stm-pink); box-shadow:inset 0 0 14px rgba(34,197,94,.18); } /* 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,.045),rgba(255,255,255,.015)), #082a17; border-color:rgba(34,197,94,.22); box-shadow:0 8px 24px rgba(0,0,0,.35); } /* 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:var(--stm-white); background:linear-gradient(135deg,var(--stm-pink),var(--stm-purple),var(--stm-blue)); text-shadow:0 0 10px rgba(255,255,255,.6); box-shadow:0 0 18px rgba(134,239,172,.35); } /* BUTTON UTAMA */ .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) 48%,var(--stm-blue) 100%); box-shadow:0 0 16px rgba(134,239,172,.45), inset 0 0 10px rgba(255,255,255,.18); 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.15); box-shadow:0 0 22px rgba(34,197,94,.7),0 0 18px rgba(134,239,172,.55); } /* BUTTON SECONDARY */ .free-play, .login-panel .login-button, .modal-btn.blank, .confirmation-message-modal .confirm-btn{ color:#fff; background:linear-gradient(135deg,#0b3d22,#14532d); border:1px solid rgba(34,197,94,.35); box-shadow:0 0 10px rgba(34,197,94,.18); 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,#14532d,#0b3d22); color:var(--stm-blue); } /* 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:#062516; color:#ecfdf5; border:1px solid rgba(34,197,94,.35); box-shadow:inset 0 0 10px rgba(34,197,94,.08); 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(134,239,172,.18),0 0 16px rgba(34,197,94,.28); } /* GAME LIST */ .game-list, .game-list-title, .provider-slide, .provider-slide>main>.slide-item>a:not(.game-info){ background:#062516; border-color:rgba(134,239,172,.18); } .game-list .game-item, .large-game-list li, .large-game-list .game-provider-img{ background: radial-gradient(circle at top,rgba(134,239,172,.12),transparent 45%), linear-gradient(180deg,#10452a,#062516); border:1px solid rgba(34,197,94,.18); transition:transform .22s ease, box-shadow .22s ease; } .game-list .game-item:hover, .large-game-list li:hover{ transform:translateY(-3px); box-shadow:0 0 18px rgba(34,197,94,.34),0 0 14px rgba(134,239,172,.24); } .game-list .game-name, .slots-games-container .game-name, .casino-games-container .game-name, .race-games-container .game-name{ color:#fff; background:linear-gradient(90deg,var(--stm-pink),var(--stm-purple)); text-shadow:0 0 8px rgba(255,255,255,.45); } /* 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; background:linear-gradient(135deg,var(--stm-blue),var(--stm-purple),var(--stm-pink)); box-shadow:0 0 14px rgba(134,239,172,.42); } /* BANK / DEPOSIT */ .bank-info, .deposit-container .bank-info, .withdrawal-container .bank-info, .bank-info-block{ background:linear-gradient(180deg,#0c321c,#062516); color:#fff; border:1px solid rgba(163,230,53,.35); box-shadow:0 0 18px rgba(163,230,53,.12); } .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 10px rgba(163,230,53,.45); } /* MODAL */ .modal-content, .bonus-slider-modal .modal-content{ background:linear-gradient(180deg,#0c321c,#062516); border:1px solid rgba(134,239,172,.35); box-shadow:0 0 28px rgba(34,197,94,.22); } .modal-header{ border-bottom-color:rgba(34,197,94,.25); } .modal-content h4, .claim-info-modal h4, .download-popup-modal .modal-header .modal-title{ color:var(--stm-pink); text-shadow:var(--stm-glow-pink); } /* ANNOUNCEMENT / TICKER */ .announcement-container, .tickercontainer, .jackpot-winners .winners-ticker-container{ background:linear-gradient(90deg,#062516,#10452a,#062516); color:#fff; border:1px solid rgba(34,197,94,.2); box-shadow:inset 0 0 18px rgba(134,239,172,.08); } .notice ul li, .announcement-container .announcement-list li{ color:#dcfce7; } /* FOOTER */ .site-footer{ background: radial-gradient(circle at bottom,rgba(134,239,172,.12),transparent 35%), #062516; border-top:1px solid rgba(34,197,94,.25); } .footer-links>li>a{ color:#bbf7d0; } .footer-links>li>a:hover{ color:var(--stm-blue); text-shadow:var(--stm-glow-blue); } /* USER INFO */ .user-info .user-main-info, .user-info .dropdown-menu{ background:linear-gradient(180deg,#0c321c,#062516); border:1px solid rgba(34,197,94,.25); box-shadow:0 0 18px rgba(34,197,94,.16); } .user-info .wallet-container .balance, .user-info .wallet-container .locked-balance, .standard-profile-bar .user-field div .username{ color:var(--stm-gold); text-shadow:0 0 9px rgba(163,230,53,.45); } /* PROMO / CLAIM */ .claim-item, .pending-transactions-container .pending-transactions-item, .remarks-container{ background:linear-gradient(180deg,#0c321c,#062516); color:#fff; border-color:rgba(134,239,172,.35); box-shadow:0 0 14px rgba(134,239,172,.16); } .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 10px rgba(34,197,94,.18)} 50%{box-shadow:0 0 20px rgba(134,239,172,.35)} } @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; } /* Smooth neon gradient movement khusus tombol penting */ .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; } } /* Reduce motion biar tetap ringan */ @media(prefers-reduced-motion:reduce){ *{ animation:none!important; transition:none!important; } }
/* Game-category tabs: blend labels with the site background. */
.top-menu,.top-menu>li,.top-menu>li>a,.top-menu .game-list{background-color:#082a17;}
.top-menu .game-list{border-top-color:#166534;border-bottom-color:#166534;}
.top-menu>li>a{color:#dcfce7;}
.top-menu>li:hover>a,.top-menu>li[data-active="true"]>a{background:linear-gradient(180deg,#10452a,#082a17);color:#ffffff;}
/* Progressive jackpot: green and dark-green finish. */
.home-progressive-jackpot{background-image:linear-gradient(180deg,#166534 0%,#062516 48%,#14532d 100%);box-shadow:0 0 22px rgba(74,222,128,.25);}
.home-progressive-jackpot .outer-container{background-color:#02160b;}
.home-progressive-jackpot .inner-container{background-image:linear-gradient(180deg,#14532d,#082a17);}
.home-progressive-jackpot .border-container{background-color:rgba(2,22,11,.78);border-color:#4ade80;}
.home-progressive-jackpot .jackpot-container{background-image:linear-gradient(180deg,#bef264 0%,#22c55e 42%,#14532d 100%);}
.home-progressive-jackpot .jackpot-inner-container{background-color:#031a0e;}
.home-progressive-jackpot .jackpot-border-container{border-color:#86efac;}
.home-progressive-jackpot .jackpot-currency{color:#bef264;text-shadow:0 0 9px rgba(190,242,100,.5);}
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text{color:#86efac;}
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text label{color:#4ade80;}
/* Local dark-green background for the APK section; no remote image required. */
.download-apk-container{background:linear-gradient(135deg,#041b10 0%,#0b3d22 48%,#14532d 100%)!important;border-top:1px solid rgba(134,239,172,.25);border-bottom:1px solid rgba(34,197,94,.25);}