/* ========================= STM88 PRO NEON OVERRIDE Light, clean, modern Struktur class tetap sama ========================= */ :root{ --stm-bg:#07111f; --stm-bg-soft:#0c1830; --stm-panel:#101d38; --stm-panel-2:#132447; --stm-text:#d9e7ff; --stm-text-soft:#9fb3d9; --stm-yellow:#ffe45c; --stm-yellow-strong:#ffd400; --stm-blue:#1ec8ff; --stm-cyan:#6ef2ff; --stm-red:#ff4d57; --stm-border:rgba(110,242,255,.18); --stm-glow-blue:0 0 12px rgba(30,200,255,.18); --stm-glow-yellow:0 0 14px rgba(255,212,0,.16); --stm-shadow:0 8px 24px rgba(0,0,0,.22); --stm-radius:12px; --stm-speed:.28s; } /* ========= Base ========= */ body{ color:var(--stm-text-soft); background: radial-gradient(circle at top right, rgba(30,200,255,.08), transparent 28%), radial-gradient(circle at top left, rgba(255,212,0,.08), transparent 30%), linear-gradient(180deg, #050b16 0%, #081224 100%); } p, .site-description, .site-info .site-info-description p, .contact-us-list li p{ color:var(--stm-text-soft); } h4,h5,h6, .standard-section-title, .sports-platform-title, .profile-container .section-heading{ color:var(--stm-text); } a{ color:var(--stm-blue); transition:color var(--stm-speed) ease, text-shadow var(--stm-speed) ease; } a:hover, a:focus{ color:var(--stm-yellow); text-decoration:none; text-shadow:0 0 8px rgba(255,212,0,.18); } /* ========= Header / Topbar ========= */ .topbar-container, .site-header{ background:linear-gradient(90deg, rgba(8,18,36,.98), rgba(13,28,56,.96)); border-bottom:1px solid rgba(30,200,255,.18); box-shadow:0 4px 18px rgba(0,0,0,.18); } .topbar-left-section .topbar-item a, .top-menu>li, .footer-links>li>a{ color:#dce9ff; } .topbar-left-section .topbar-item a:hover, .top-menu>li:hover, .top-menu>li[data-active="true"], .footer-links>li>a:hover{ color:var(--stm-yellow); } .top-menu .game-list{ background:rgba(7,17,31,.96); border-top:1px solid rgba(255,212,0,.3); border-bottom:1px solid rgba(30,200,255,.24); backdrop-filter:blur(6px); } /* ========= Panels / Containers ========= */ .standard-form-title, .info-center-title, .panel-primary>.panel-heading.emailbox-heading, .popular-games [data-section="left"] .section-title, .scrtabs-tab-container, .home-info-container, .telegram-banner-container, .announcement-container>[data-section="announcements"]{ background:linear-gradient(90deg, #0f1d3a, #16284d); color:#fff; border-color:rgba(30,200,255,.18); } .standard-form-content, .info-center-content, .white-panel.emailbox .panel, .modal-content, .promotion-item-details, .loyalty-container .standard-form-content{ background:linear-gradient(180deg, rgba(16,29,56,.96), rgba(10,19,36,.96)); color:var(--stm-text); border:1px solid var(--stm-border); box-shadow:var(--stm-shadow); } .popular-games .tab-pane, .slots-games-container, .casino-games-container, .race-games-container, .arcade-games-container .filter-section, .crash-game-games-container .filter-section, .promotions-container, .promotion-list, .jackpot-winners, .sports-container, .sports-matches-container, .game-list-title, .game-list{ background:linear-gradient(180deg, #081224, #0d1830); } /* ========= Tabs ========= */ .nav-tabs>li>a, .popular-games .nav-tabs>li>a, .panel-heading.emailbox-heading .panel-tabs>li>a{ color:#d8e6ff; background:transparent; border-radius:10px 10px 0 0; transition:all var(--stm-speed) ease; } .nav-tabs>li>a:hover, .popular-games .nav-tabs>li>a:hover, .panel-heading.emailbox-heading .panel-tabs>li>a:hover{ background:rgba(30,200,255,.12); color:var(--stm-cyan); } .popular-games .nav-tabs>li.active>a, .popular-games .nav-tabs>li.active>a:hover, .panel-heading.emailbox-heading .panel-tabs>li.active>a, .panel-heading.emailbox-heading .panel-tabs>li.active>a:hover, .panel-heading.emailbox-heading .panel-tabs>li.active>a:focus{ background:linear-gradient(90deg, rgba(255,212,0,.16), rgba(30,200,255,.16)); color:#fff; border-bottom:2px solid var(--stm-yellow); box-shadow:inset 0 -2px 0 rgba(255,212,0,.45); } /* ========= Buttons ========= */ .play-now, .standard-button-group .btn-primary, .claim-item .claim-button, .claim-item .activation-button, .claim-item .cancellation-button, .claim-item .expiration-button, .promotion-item .click-for-get-promo-button, .promotion-item-details .click-for-get-promo-button, .modal-footer .btn-primary, .whitelisted-domains-link{ background:linear-gradient(135deg, var(--stm-yellow-strong), #ffb800); color:#101522; border:1px solid rgba(255,255,255,.08); box-shadow:0 6px 18px rgba(255,212,0,.18); transition:transform var(--stm-speed) ease, box-shadow var(--stm-speed) ease, filter var(--stm-speed) ease; } .play-now:hover, .standard-button-group .btn-primary:hover, .claim-item .claim-button:hover, .claim-item .activation-button:hover, .claim-item .cancellation-button:hover, .claim-item .expiration-button:hover, .promotion-item .click-for-get-promo-button:hover, .promotion-item-details .click-for-get-promo-button:hover, .modal-footer .btn-primary:hover, .whitelisted-domains-link:hover{ transform:translateY(-1px); filter:brightness(1.03); box-shadow:0 8px 22px rgba(255,212,0,.24); color:#09111f; } .free-play, .modal-btn, .modal-btn.blank:hover{ background:linear-gradient(135deg, rgba(30,200,255,.14), rgba(110,242,255,.1)); color:#dff7ff; border:1px solid rgba(30,200,255,.22); } .free-play:hover, .modal-btn:hover, .modal-btn.blank{ background:linear-gradient(135deg, rgba(30,200,255,.22), rgba(110,242,255,.16)); color:#fff; } /* ========= Inputs ========= */ .form-control, .login-panel input[type=text], .login-panel input[type=password], .header_inputbox, .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:#0b1630; border:1px solid rgba(30,200,255,.16); color:#eef6ff; box-shadow:none; } .form-control:focus, .login-panel input[type=text]:focus, .login-panel input[type=password]:focus{ border-color:rgba(255,212,0,.42); box-shadow:0 0 0 3px rgba(255,212,0,.08); outline:none; } /* ========= Login ========= */ .login-panel{ color:#fff; } .login-panel .login-button{ background:linear-gradient(135deg, var(--stm-blue), #4de3ff); color:#04111d; box-shadow:var(--stm-glow-blue); } .login-panel .login-button:hover{ background:linear-gradient(135deg, #4de3ff, var(--stm-blue)); color:#03101a; } .login-panel .register-button{ background:linear-gradient(135deg, var(--stm-yellow), #ffbf00); color:#111827; } .login-panel .register-button:hover{ background:linear-gradient(135deg, #fff07a, var(--stm-yellow-strong)); color:#111827; } .login-panel .forgot-password-link{ color:var(--stm-cyan); } .login-panel .forgot-password-link:hover{ color:var(--stm-yellow); } /* ========= Announcement / Notice ========= */ .announcement-container{ background:linear-gradient(90deg, rgba(255,212,0,.12), rgba(30,200,255,.12)); color:#fff; border:1px solid rgba(255,255,255,.08); } .announcement-container>[data-section="title"], .announcement-container>[data-section="date"]{ color:#fff; } .announcement-container .announcement-list li, .announcement-container>[data-section="announcements"]{ color:#d4e8ff; } /* ========= Games / Cards ========= */ .game-list .game-item, .claim-item-container .claim-item, .promotion-info, .provider-slide>main>.slide-item, .loyalty-level-benefits-container .loyalty-level-benefits-list .loyalty-level-benefits-list-item{ background:linear-gradient(180deg, rgba(17,31,59,.96), rgba(10,19,36,.96)); border:1px solid rgba(30,200,255,.12); box-shadow:0 6px 18px rgba(0,0,0,.16); border-radius:var(--stm-radius); } .game-list .wrapper-container:hover, .provider-slide>main>.slide-item>a:not(.game-info):hover{ background:rgba(255,255,255,.02); } .game-list .game-name, .game-list .provider-name, .home-game-list-container .container-content .game-list .game-item .game-name, .popular-game-title-container .container-content .game-list .game-item .game-name{ color:#fff; background:linear-gradient(90deg, rgba(255,212,0,.14), rgba(30,200,255,.14)); } /* ========= Highlight texts ========= */ .deposit-container .formatted-balance, .winners-ticker ul li .winner-amount, .panel-heading.emailbox-heading .panel-tabs>li.active i, .panel-heading.emailbox-heading .panel-tabs>li.active>a span, .home-progressive-jackpot .jackpot-currency, .standard-content-info h2, .standard-profile-bar .user-field div .username{ color:var(--stm-yellow); } .sport-match-item .match-teams>span, .hot-match-container .live-streaming-link, .user-info .wallet-container .balance, .bank-list>[data-online='true']:before{ color:var(--stm-cyan); } /* ========= Match / Sports ========= */ .hot-match-container{ color:#fff; background:linear-gradient(180deg, #10213f 10%, #081224 100%); } .hot-match-container .live-streaming-link{ border-color:var(--stm-cyan); color:var(--stm-cyan); } .hot-match-container .live-streaming-link:hover{ background:rgba(30,200,255,.18); border-color:var(--stm-blue); color:#fff; } .sport-match-item, .sport-match-item:nth-child(even){ background:linear-gradient(180deg, rgba(13,25,49,.96), rgba(9,18,36,.96)); color:#fff; } .sport-match-item .match-date{ background:linear-gradient(90deg, rgba(255,212,0,.18), rgba(255,77,87,.2)); color:#fff; } .sport-match-item .match-info-container, .sport-match-item:nth-child(even) .match-info-container{ background:rgba(255,255,255,.03); } /* ========= Modal ========= */ .modal-header, .bonus-slider-modal .modal-header{ background:linear-gradient(90deg, #0c1730, #16284d); border-bottom:1px solid rgba(30,200,255,.18); } .modal-header .close, .bonus-slider-modal .modal-header .close{ color:#fff; background:rgba(255,255,255,.08); border-radius:50%; } .modal-header .close:hover, .bonus-slider-modal .modal-header .close:hover{ background:rgba(255,77,87,.22); color:#fff; } .modal-content h4, .download-popup-modal .modal-header .modal-title, .bonus-slider-modal .modal-title{ color:#fff; } /* ========= Footer ========= */ .site-footer{ background: linear-gradient(90deg, #081224 0%, #102347 50%, #0b1730 100%); border-top:1px solid rgba(30,200,255,.12); } .footer-section-title, .site-info .site-info-title h3{ color:#fff; } .site-description, .site-info .site-info-title p, .site-info .site-info-description h4, .site-info .site-info-description p, .provider-container{ color:#90a9d1; } /* ========= Accent Red ========= */ .forgot-password-warning, .remarks-container, .payment-maintenance-container, .claim-info-modal h4, .notification-list .notification-item .notification-header .notification-label, .user-info [data-new-notification="true"]:before{ background-color:rgba(255,77,87,.12); color:#ffd7da; border-color:rgba(255,77,87,.2); } .contact-list>li a i, .claim-item-type>div, .claim-item-type .expiration-countdown [data-section], .standard-section-title:before{ background:var(--stm-red); color:#fff; } /* ========= Banner / Title blocks ========= */ .home-game-list-container .container-title span, .popular-game-title-container .container-title span, .lottery-result-container, .lottery-result-container .lottery-result-title{ background:linear-gradient(90deg, var(--stm-yellow), #ffb800); color:#101522; } .home-game-list-container .container-content, .popular-game-title-container .container-content{ border:1px solid rgba(255,212,0,.3); } /* ========= User dropdown ========= */ .user-info .dropdown-menu, .user-info .dropdown-menu.vendor-balances-container{ background:rgba(7,17,31,.98); color:#fff; border:1px solid rgba(30,200,255,.16); box-shadow:var(--stm-shadow); } .user-info .dropdown-menu>li>a{ background:transparent; color:#fff; } .user-info .dropdown-menu>li>a:hover{ background:rgba(30,200,255,.12); color:var(--stm-cyan); } /* ========= Lightweight animation ========= */ @keyframes stmGlow{ 0%,100%{ box-shadow:0 0 0 rgba(30,200,255,0), 0 0 0 rgba(255,212,0,0); } 50%{ box-shadow:0 0 16px rgba(30,200,255,.12), 0 0 20px rgba(255,212,0,.08); } } @keyframes stmFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-2px); } } @keyframes stmShine{ 0%{ filter:brightness(1); } 50%{ filter:brightness(1.05); } 100%{ filter:brightness(1); } } /* Pakai class lama, jangan tambah JS */ .play-now, .standard-button-group .btn-primary, .login-panel .login-button, .login-panel .register-button{ animation:stmGlow 3.6s ease-in-out infinite; } .banner img, .promotion-item img, .provider-slide>main>.slide-item, .game-list .game-item:hover{ animation:stmFloat 4.5s ease-in-out infinite; } .home-progressive-jackpot, .lottery-result-container, .home-game-list-container .container-title span, .popular-game-title-container .container-title span{ animation:stmShine 4.2s ease-in-out infinite; } /* ========= Performance safe ========= */ .play-now, .standard-button-group .btn-primary, .login-panel .login-button, .login-panel .register-button, .banner img, .promotion-item img, .provider-slide>main>.slide-item, .game-list .game-item:hover, .home-progressive-jackpot, .lottery-result-container, .home-game-list-container .container-title span, .popular-game-title-container .container-title span{ will-change:auto; } /* Reduce animation on low motion setting */ @media (prefers-reduced-motion: reduce){ *, *::before, *::after{ animation:none !important; transition:none !important; } }