/* =============================== STM88 NEON STREET ART THEME Tempel di PALING BAWAH CSS lama ================================ */ :root{ --stm-bg:#050509; --stm-card:#0d0d16; --stm-dark:#11111d; --stm-blue:#00aaff; --stm-pink:#ff008c; --stm-purple:#8a2be2; --stm-red:#ff2d55; --stm-gold:#ffb800; --stm-white:#ffffff; --stm-text:#d8d8e8; --stm-muted:#8f90a6; --stm-glow-blue:0 0 14px rgba(0,170,255,.65); --stm-glow-pink:0 0 14px rgba(255,0,140,.65); } /* GLOBAL */ body{ color:var(--stm-text); background: radial-gradient(circle at top left,rgba(255,0,140,.16),transparent 30%), radial-gradient(circle at top right,rgba(0,170,255,.18),transparent 35%), linear-gradient(180deg,#050509 0%,#090911 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,#07070d 0%,#121225 50%,#07070d 100%); border-bottom:1px solid rgba(255,0,140,.45); box-shadow:0 0 18px rgba(0,170,255,.22); } .top-menu>li>a{ color:#d9d9e8; 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(255,0,140,.18),rgba(0,170,255,.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,#090912,#11111c); border:1px solid rgba(0,170,255,.22); box-shadow:inset 0 0 18px rgba(255,0,140,.08); } .standard-side-menu a, .standard-side-menu-group-label{ background:rgba(255,255,255,.03); color:#ececff; 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,0,140,.25),rgba(0,170,255,.12)); color:var(--stm-white); border-color:var(--stm-pink); box-shadow:inset 0 0 14px rgba(0,170,255,.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)), #0b0b14; border-color:rgba(0,170,255,.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(255,0,140,.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(255,0,140,.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(0,170,255,.7),0 0 18px rgba(255,0,140,.55); } /* BUTTON SECONDARY */ .free-play, .login-panel .login-button, .modal-btn.blank, .confirmation-message-modal .confirm-btn{ color:#fff; background:linear-gradient(135deg,#151525,#22223a); border:1px solid rgba(0,170,255,.35); box-shadow:0 0 10px rgba(0,170,255,.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,#22223a,#151525); 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:#070710; color:#f4f4ff; border:1px solid rgba(0,170,255,.35); box-shadow:inset 0 0 10px rgba(0,170,255,.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(255,0,140,.18),0 0 16px rgba(0,170,255,.28); } /* GAME LIST */ .game-list, .game-list-title, .provider-slide, .provider-slide>main>.slide-item>a:not(.game-info){ background:#090912; border-color:rgba(255,0,140,.18); } .game-list .game-item, .large-game-list li, .large-game-list .game-provider-img{ background: radial-gradient(circle at top,rgba(255,0,140,.12),transparent 45%), linear-gradient(180deg,#121225,#08080d); border:1px solid rgba(0,170,255,.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(0,170,255,.34),0 0 14px rgba(255,0,140,.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(255,0,140,.42); } /* BANK / DEPOSIT */ .bank-info, .deposit-container .bank-info, .withdrawal-container .bank-info, .bank-info-block{ background:linear-gradient(180deg,#11111d,#07070c); color:#fff; border:1px solid rgba(255,184,0,.35); box-shadow:0 0 18px rgba(255,184,0,.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(255,184,0,.45); } /* MODAL */ .modal-content, .bonus-slider-modal .modal-content{ background:linear-gradient(180deg,#11111d,#07070c); border:1px solid rgba(255,0,140,.35); box-shadow:0 0 28px rgba(0,170,255,.22); } .modal-header{ border-bottom-color:rgba(0,170,255,.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,#07070c,#121225,#07070c); color:#fff; border:1px solid rgba(0,170,255,.2); box-shadow:inset 0 0 18px rgba(255,0,140,.08); } .notice ul li, .announcement-container .announcement-list li{ color:#dff7ff; } /* FOOTER */ .site-footer{ background: radial-gradient(circle at bottom,rgba(255,0,140,.12),transparent 35%), #07070c; border-top:1px solid rgba(0,170,255,.25); } .footer-links>li>a{ color:#aeb0c8; } .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,#11111d,#08080e); border:1px solid rgba(0,170,255,.25); box-shadow:0 0 18px rgba(0,170,255,.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(255,184,0,.45); } /* PROMO / CLAIM */ .claim-item, .pending-transactions-container .pending-transactions-item, .remarks-container{ background:linear-gradient(180deg,#11111d,#08080d); color:#fff; border-color:rgba(255,0,140,.35); box-shadow:0 0 14px rgba(255,0,140,.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(0,170,255,.18)} 50%{box-shadow:0 0 20px rgba(255,0,140,.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; } }