/* ========================================================= WINSGOAL - NEON GREEN / VIOLET / RED / BLACK OVERRIDE Struktur class tetap sama, ringan, no lag ========================================================= */ :root{ --wg-bg:#06080f; --wg-bg-2:#0b1020; --wg-panel:#0d1326; --wg-panel-2:#11192f; --wg-line:rgba(255,255,255,.08); --wg-green:#00ff9c; --wg-green-soft:#7dffd0; --wg-violet:#9b5cff; --wg-violet-soft:#c7a6ff; --wg-red:#ff3b4d; --wg-red-soft:#ff7a84; --wg-white:#ffffff; --wg-text:#e9f1ff; --wg-muted:#9aa7c2; --wg-shadow-green:0 0 10px rgba(0,255,156,.28), 0 0 24px rgba(0,255,156,.12); --wg-shadow-violet:0 0 10px rgba(155,92,255,.28), 0 0 24px rgba(155,92,255,.12); --wg-shadow-red:0 0 10px rgba(255,59,77,.22), 0 0 20px rgba(255,59,77,.10); --wg-grad-main:linear-gradient(135deg,#00ff9c 0%, #9b5cff 55%, #ff3b4d 100%); --wg-grad-dark:linear-gradient(180deg,#0c1223 0%, #06080f 100%); --wg-grad-card:linear-gradient(180deg,rgba(17,25,47,.96) 0%, rgba(9,13,26,.96) 100%); --wg-grad-btn:linear-gradient(135deg,#00ff9c 0%, #7b61ff 55%, #ff3b4d 100%); } /* ===== Base ===== */ body, .banner, .topbar-container, .site-header, .site-footer, .popular-games, .sports-container, .info-center, .home-jackpot-container.progressive-jackpot, [data-container-background="sports"], [data-container-background="casino"], [data-container-background="race"], [data-container-background="slots"], [data-container-background="poker"], [data-container-background="others"], [data-container-background="promotions"]{ background:var(--wg-grad-dark); color:var(--wg-text); } a{ color:var(--wg-green); transition:color .22s ease, text-shadow .22s ease, opacity .22s ease; } a:focus, a:hover{ color:var(--wg-white); text-decoration:none; text-shadow:0 0 8px rgba(0,255,156,.35); } /* ===== Titles / Text ===== */ .site-description, .site-description h1, .site-description h2, .site-description h3, .site-description p, .site-description a, .site-description div, .sports-platform-title, .footer-section-title, .jackpot-winners .jackpot-winner-title, .winners-ticker ul li .winner-info, .progressive-jackpot .jackpot-container, .topbar-left-section .topbar-item, .footer-links>li>a, .provider-container, .provider-container h5, .site-info .site-info-title h5, .site-info .site-info-description h4, .site-info .site-info-description p{ color:var(--wg-text); } /* ===== Glass / Panel ===== */ .standard-form-container, .promotion-item, .promotion-item-details, .provider-page .large-game-list-container, .provider-info, .large-game-list-container, .game-list, .modal-content, .bonus-slider-modal .modal-content, .referral-box-container .referral-box, .user-info .dropdown-menu, .dropdown-menu, .pending-transactions-container .pending-transactions-item, .pending-transactions-container .pending-transactions-item [data-payment-gateway]{ background:var(--wg-grad-card); border:1px solid rgba(155,92,255,.18); box-shadow:0 12px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04); color:var(--wg-text); } /* ===== Header / Navigation ===== */ .site-header{ border-bottom:1px solid rgba(155,92,255,.30); box-shadow:0 8px 30px rgba(0,0,0,.22); } .top-menu>li{ color:#b7c5de; transition:all .22s ease; } .site-header .top-menu>li[data-active="true"], .site-header .top-menu>li:hover{ color:var(--wg-white); background-image:linear-gradient(180deg,rgba(0,255,156,.14) 0%, rgba(155,92,255,.14) 100%); box-shadow:inset 0 -2px 0 var(--wg-green); } .site-header .top-menu .game-list{ border-top-color:rgba(155,92,255,.35); border-bottom-color:rgba(255,59,77,.28); background-color:rgba(8,12,24,.96); } /* ===== Side Menu ===== */ .standard-side-menu-group-label, .standard-side-menu a, .promotions-container .standard-side-menu li a, .site-content-container .messaging-side-menu{ background:linear-gradient(180deg,#121a30 0%, #0a1020 100%); color:var(--wg-text); border-color:rgba(255,255,255,.05); } .standard-side-menu a[data-active="true"], .standard-side-menu a:hover, .promotions-container .standard-side-menu a[data-active="true"], .promotions-container .standard-side-menu a:hover, .standard-side-menu .menu-section a:hover, .standard-side-menu .menu-section a:focus, .standard-side-menu .menu-section a[data-active="true"]{ background: linear-gradient(90deg,rgba(0,255,156,.14) 0%, rgba(155,92,255,.16) 60%, rgba(255,59,77,.14) 100%); color:var(--wg-white); box-shadow:inset 3px 0 0 var(--wg-green); } /* ===== Titles / Labels ===== */ .standard-form-title, .info-center-title, .provider-container>h5, .expiration-countdown [data-section="title"], .referral-container .standard-form-title, .referral-box-container .referral-box h4, .panel-primary>.panel-heading.emailbox-heading{ background:linear-gradient(90deg,rgba(0,255,156,.18), rgba(155,92,255,.22)); color:var(--wg-white); border-color:rgba(155,92,255,.25); } /* ===== Buttons ===== */ .btn.btn-primary, .standard-button-group .btn-primary, .deposit-container .reveal-bank-account-button, .promotion-item .click-for-get-promo-button, .promotion-item-details .click-for-get-promo-button, .modal-footer .btn-primary, .referral-section .referral-code-copy-btn, .whitelisted-domains-link, .notification-list .notification-item .notification-play-button{ background:var(--wg-grad-btn); color:#fff; border:0; box-shadow:0 8px 24px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.06); transition:transform .22s ease, box-shadow .22s ease, filter .22s ease; } .btn.btn-primary:hover, .standard-button-group .btn-primary:hover, .deposit-container .reveal-bank-account-button:hover, .promotion-item .click-for-get-promo-button:hover, .promotion-item-details .click-for-get-promo-button:hover, .modal-footer .btn-primary:hover, .referral-section .referral-code-copy-btn:hover, .whitelisted-domains-link:hover{ transform:translateY(-1px); box-shadow:0 10px 28px rgba(0,0,0,.28), var(--wg-shadow-violet); filter:saturate(1.06); } .play-now, .large-game-list li .link-container .play-now, .large-game-list .game-provider-img .link-container .play-now, .slots-games-container .link-container .play-now, .casino-games-container .link-container .play-now, .race-games-container .link-container .play-now{ background:linear-gradient(135deg,#00ff9c 0%, #7a5cff 100%); color:#08110f; border-color:transparent; box-shadow:var(--wg-shadow-green); } .play-now:hover, .large-game-list li .link-container .play-now:hover, .large-game-list .game-provider-img .link-container .play-now:hover{ background:linear-gradient(135deg,#7dffd0 0%, #b28cff 100%); color:#05070f; } .free-play, .large-game-list li .link-container .free-play, .large-game-list .game-provider-img .link-container .free-play, .slots-games-container .link-container .free-play, .casino-games-container .link-container .free-play, .race-games-container .link-container .free-play{ background:linear-gradient(180deg,#20283d 0%, #131a2a 100%); color:#fff; border:1px solid rgba(255,255,255,.08); } .free-play:hover{ background:linear-gradient(180deg,#272f47 0%, #171f31 100%); color:#fff; } /* ===== Alert / Red CTA ===== */ .claim-item .claim-button, .claim-item .activation-button, .claim-item .cancellation-button, .claim-item .expiration-button, .bonus-slider-modal .activation-button, .messaging-side-menu .support-ticket>a, .request-otp-button, .request-otp-button:hover, .contact-verification-link, .contact-verification-link:hover{ background:linear-gradient(135deg,#ff3b4d 0%, #9b1d36 100%); color:#fff; border-color:transparent; box-shadow:var(--wg-shadow-red); } /* ===== Login Panel ===== */ .login-panel{ color:var(--wg-text); border-color:rgba(155,92,255,.20); background:linear-gradient(180deg,rgba(9,13,26,.92) 0%, rgba(17,25,47,.92) 100%); box-shadow:0 10px 24px rgba(0,0,0,.28); } .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:rgba(4,7,14,.94); border:1px solid rgba(155,92,255,.22); color:var(--wg-white); box-shadow:inset 0 0 0 1px rgba(255,255,255,.02); } .login-panel input[type=text]:focus, .login-panel input[type=password]:focus{ border-color:rgba(0,255,156,.45); box-shadow:0 0 0 3px rgba(0,255,156,.08); } .login-panel .login-button{ background:linear-gradient(135deg,#00ff9c 0%, #7b61ff 100%); color:#07100d; } .login-panel .login-button:hover{ background:linear-gradient(135deg,#6fffc4 0%, #a88aff 100%); } .login-panel .register-button{ background:linear-gradient(135deg,#ff3b4d 0%, #a1223a 100%); color:#fff; } .login-panel .register-button:hover{ background:linear-gradient(135deg,#ff6674 0%, #c52f4d 100%); } /* ===== Game cards ===== */ .game-list-title, .game-list, .lottery-result-container .lottery-numbers, .slot-jackpot-container, .home-info-container, .telegram-banner-container, .popular-games .tab-pane, .popular-games .tab-content{ background:linear-gradient(180deg,#0d1427 0%, #09101e 100%); border-color:rgba(155,92,255,.16); } .game-list .game-item, .provider-slide>main>.slide-item, .large-game-list li, .large-game-list .game-provider-img{ background:linear-gradient(180deg,rgba(18,27,48,.85) 0%, rgba(10,15,28,.96) 100%); border-color:rgba(255,255,255,.05); } .game-list .wrapper-container:hover{ background:rgba(255,255,255,.02); } .game-list .game-name, .portfolio-wrapper .slotGameName, .slots-games-container .vendor-name{ background:linear-gradient(90deg,#0d1527 0%, #1a1030 55%, #2a1220 100%); color:#fff; border-top:1px solid rgba(255,255,255,.06); box-shadow:inset 0 1px 0 rgba(255,255,255,.03); } /* ===== Jackpot ===== */ .popular-games .jackpot-winners, .slot-jackpot-container .jackpot-winners, .home-progressive-jackpot .jackpot-container{ background:linear-gradient(90deg,rgba(0,255,156,.18) 0%, rgba(155,92,255,.20) 50%, rgba(255,59,77,.18) 100%); } .jackpot-winners .winners-ticker-container, .winners-ticker ul li .winner-amount, .scrtabs-tab-container, .provider-slide{ background:linear-gradient(90deg,#00ff9c 0%, #7b61ff 60%, #ff3b4d 100%); color:#fff; } .progressive-jackpot .jackpot-container, .home-progressive-jackpot .jackpot-currency, .percentCount{ color:#fff; text-shadow:0 0 8px rgba(0,255,156,.35), 0 0 14px rgba(155,92,255,.22); } /* ===== Tabs ===== */ .popular-games .nav-tabs>li>a, .mobile-app-container .nav-tabs>li.active>a, .mobile-app-container .nav-tabs>li.active>a:hover, .mobile-app-container .nav-tabs>li.active>a:focus, .notification-tabs .notification-tab-item{ background:linear-gradient(180deg,#161f38 0%, #0c1324 100%); color:#d9e3f7; } .popular-games .nav-tabs>li.active>a, .popular-games .nav-tabs>li>a:hover, .notification-tabs .notification-tab-item[data-active="true"]{ background:linear-gradient(90deg,rgba(0,255,156,.18), rgba(155,92,255,.22), rgba(255,59,77,.18)); color:#fff; } /* ===== Modal ===== */ .modal-header, .bonus-slider-modal .modal-header, .confirmation-message-modal .modal-header{ background:linear-gradient(90deg,#10182d 0%, #19122d 100%); border-bottom-color:rgba(255,255,255,.06); } .modal-content h4, .download-popup-modal .modal-header .modal-title, .bonus-slider-modal .modal-title, .confirmation-message-modal h4.modal-title{ color:#fff; } .modal-body p, .modal-content, .provider-info h5, .provider-info p, .game-provider-desc, .game-provider-desc-arcade, .game-provider-desc-sport, .game-provider-desc-crash-game{ color:#d1dbef; } /* ===== Notification / message ===== */ .notification-popup-body .notification-list .notification-item{ background:linear-gradient(180deg,#0b101f 0%, #12172b 100%); border-color:rgba(255,255,255,.06); } .notification-popup-body .notification-list .notification-item[data-seen="false"]{ background:linear-gradient(180deg,rgba(255,59,77,.14) 0%, rgba(18,23,43,.96) 100%); border-color:rgba(255,59,77,.30); } .notification-popup-body .notification-footer{ background:linear-gradient(90deg,#00ff9c 0%, #7b61ff 60%, #ff3b4d 100%); } /* ===== Notes / remark / warning ===== */ .standard-form-note, .update-verification-note-container .update-verification-note, .loyalty-container .standard-form-note, .loyalty-benefit-form-container .standard-form-content{ background:linear-gradient(180deg,rgba(10,18,36,.96) 0%, rgba(18,27,48,.96) 100%); color:#fff; border:1px solid rgba(155,92,255,.18); } .standard-form-note span, .standard-form-note strong, .update-verification-note-container .update-verification-note span{ color:var(--wg-green-soft); } .remarks-container, .payment-maintenance-container{ background:rgba(255,59,77,.10); border-color:rgba(255,59,77,.26); color:#ffe5e8; } .forgot-password-warning{ background:rgba(255,59,77,.10); color:#ffd6db; } /* ===== Tables / white areas upgraded ===== */ .claim-item, .promotion-info, .claim-container, .notification-list .notification-item, .notification-list .notification-item[data-message-type="announcement"], .bonus-selection-list .bonus-selection-card, .bonus-selection-popup .bonus-selection-popup-content, .otp-popup .otp-popup-content{ background:linear-gradient(180deg,#11182d 0%, #0c1120 100%); color:var(--wg-text); border-color:rgba(255,255,255,.06); } .claim-item .claim-title, .claim-item .claim-details, .claim-item .claim-progress-info .progress-percentage, .claim-item .claim-progress-info .progress-percentage i, .promotion-info .promotion-share-container .promotion-share-btn, .bonus-selection-list .bonus-selection-card .bonus-selection-card-content, .bonus-selection-list .bonus-selection-card .bonus-selection-card-footer, .bonus-selection-list .bonus-selection-card .bonus-selection-card-detail{ color:var(--wg-text); border-color:rgba(255,255,255,.08); } /* ===== Popup / bubble ===== */ .bonus-range .bubble, .popover{ background:#10172b; color:#fff; border-color:rgba(155,92,255,.35); } .bonus-range .bubble::before{ border-top-color:var(--wg-violet); } .bonus-range .bubble::after{ border-top-color:#10172b; } /* ===== Borders / separators ===== */ .footer-separator, .provider-container, .footer-links>li+li>a, .site-info .site-info-description.with-seperator+.with-seperator, .inbox-table-body div, .inbox-table-header div, .replied-message, .modal-footer, .modal-header, .standard-form-link-header a[data-active="true"], .deposit-summary-container, .withdrawal-summary-container{ border-color:rgba(255,255,255,.08); } /* ===== Accent text ===== */ .user-info.balance, .user-info .wallet-container .balance, .referral-box a, .referral-code-container a, .change-referral-code a, .login-panel .login-panel-item .forgot-password-link, .contact-us-list li a{ color:var(--wg-green); } .standard-side-menu .player-account-section .username, .standard-profile-bar .user-field div .username, .standard-content-info h2, .claim-filter-container select.form-control, .top-tab-container a[data-active="true"], .top-tab-container a:hover{ color:var(--wg-violet-soft); } /* ===== Floating button ===== */ .floating-action-button .floating-action-button-item{ background:linear-gradient(135deg,#00ff9c 0%, #9b5cff 58%, #ff3b4d 100%); border-color:rgba(255,255,255,.12); box-shadow:0 8px 24px rgba(0,0,0,.30), 0 0 20px rgba(155,92,255,.20); } /* ===== Light aura animation, ringan ===== */ @keyframes wgPulseGlow{ 0%,100%{ box-shadow:0 0 0 rgba(0,255,156,0), 0 0 0 rgba(155,92,255,0); } 50%{ box-shadow:0 0 12px rgba(0,255,156,.18), 0 0 22px rgba(155,92,255,.14); } } @keyframes wgFloatSoft{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-2px); } } /* class tetap, hanya diberi nyawa */ .btn.btn-primary, .play-now, .login-panel .login-button, .login-panel .register-button, .promotion-item .click-for-get-promo-button, .promotion-item-details .click-for-get-promo-button, .floating-action-button .floating-action-button-item{ animation:wgPulseGlow 3.2s ease-in-out infinite; } .promotion-item, .claim-item, .provider-slide>main>.slide-item, .game-list .game-item{ animation:wgFloatSoft 4.8s ease-in-out infinite; } /* ===== Reduce lag for user who prefers less motion ===== */ @media (prefers-reduced-motion: reduce){ .btn.btn-primary, .play-now, .login-panel .login-button, .login-panel .register-button, .promotion-item, .claim-item, .provider-slide>main>.slide-item, .game-list .game-item, .floating-action-button .floating-action-button-item{ animation:none !important; transition:none !important; } }