/* ========================================================= WINSGOAL - NEON BLUE / RED / PURPLE / GOLD OVERRIDE Struktur class tetap sama, model dibuat lebih premium, animasi ringan, enak dipandang, no lag ========================================================= */ :root{ --wg-bg:#060913; --wg-bg-2:#0a1020; --wg-panel:#0d1528; --wg-panel-2:#101a31; --wg-line:rgba(255,255,255,.08); --wg-blue:#19c2ff; --wg-blue-soft:#7fdcff; --wg-red:#ff3b4d; --wg-red-soft:#ff7d88; --wg-purple:#9b5cff; --wg-purple-soft:#ceb3ff; --wg-gold:#ffcc4d; --wg-gold-soft:#ffe08a; --wg-white:#ffffff; --wg-text:#eaf4ff; --wg-muted:#9fb1c9; --wg-shadow-blue:0 0 10px rgba(25,194,255,.24), 0 0 24px rgba(25,194,255,.10); --wg-shadow-red:0 0 10px rgba(255,59,77,.20), 0 0 22px rgba(255,59,77,.10); --wg-shadow-purple:0 0 10px rgba(155,92,255,.24), 0 0 24px rgba(155,92,255,.10); --wg-shadow-gold:0 0 12px rgba(255,204,77,.18), 0 0 24px rgba(255,204,77,.08); --wg-grad-main:linear-gradient(135deg,#19c2ff 0%, #9b5cff 42%, #ff3b4d 78%, #ffcc4d 100%); --wg-grad-dark:linear-gradient(180deg,#0b1020 0%, #060913 100%); --wg-grad-card:linear-gradient(180deg,rgba(17,26,50,.96) 0%, rgba(8,12,24,.96) 100%); --wg-grad-btn:linear-gradient(135deg,#19c2ff 0%, #8d5bff 48%, #ff3b4d 82%, #ffcc4d 100%); --wg-grad-btn-2:linear-gradient(135deg,#0f1c35 0%, #1a1133 50%, #2c1322 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: radial-gradient(circle at top left, rgba(25,194,255,.08), transparent 32%), radial-gradient(circle at top right, rgba(155,92,255,.10), transparent 30%), radial-gradient(circle at bottom right, rgba(255,59,77,.08), transparent 26%), linear-gradient(180deg,#0b1020 0%, #060913 100%); color:var(--wg-text); } a{ color:var(--wg-blue); transition:color .22s ease, text-shadow .22s ease, opacity .22s ease; } a:hover, a:focus{ color:var(--wg-white); text-decoration:none; text-shadow:0 0 8px rgba(25,194,255,.28); } /* ===== 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: linear-gradient(180deg,rgba(18,27,49,.96) 0%, rgba(9,13,25,.96) 100%); border:1px solid rgba(255,255,255,.06); box-shadow: 0 12px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03), 0 0 0 1px rgba(25,194,255,.04); color:var(--wg-text); backdrop-filter:blur(4px); } /* ===== Header / Navigation ===== */ .site-header{ border-bottom:1px solid rgba(155,92,255,.28); box-shadow:0 8px 24px rgba(0,0,0,.20); } .top-menu>li{ color:#b8c7dd; 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(25,194,255,.10) 0%, rgba(155,92,255,.12) 60%, rgba(255,59,77,.08) 100%); box-shadow:inset 0 -2px 0 var(--wg-gold); } .site-header .top-menu .game-list{ border-top-color:rgba(25,194,255,.22); border-bottom-color:rgba(255,59,77,.18); 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,#121b33 0%, #091120 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(25,194,255,.12) 0%, rgba(155,92,255,.14) 55%, rgba(255,59,77,.12) 100%); color:var(--wg-white); box-shadow:inset 3px 0 0 var(--wg-gold); } /* ===== 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(25,194,255,.14), rgba(155,92,255,.18), rgba(255,204,77,.10)); color:var(--wg-white); border-color:rgba(255,255,255,.08); } /* ===== 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 22px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.04); 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 26px rgba(0,0,0,.28), var(--wg-shadow-purple), var(--wg-shadow-gold); filter:saturate(1.05); } .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,#19c2ff 0%, #8f5dff 60%, #ffcc4d 100%); color:#07111d; border-color:transparent; box-shadow:var(--wg-shadow-blue), var(--wg-shadow-gold); } .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,#75dbff 0%, #b18dff 55%, #ffe08a 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:var(--wg-grad-btn-2); color:#fff; border:1px solid rgba(255,255,255,.08); } .free-play:hover{ background:linear-gradient(180deg,#222e4b 0%, #151d33 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%, #b71f36 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,.18); background:linear-gradient(180deg,rgba(10,14,27,.94) 0%, rgba(18,26,48,.94) 100%); box-shadow:0 10px 24px rgba(0,0,0,.28), 0 0 0 1px rgba(25,194,255,.04); } .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,8,15,.94); border:1px solid rgba(25,194,255,.18); 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(25,194,255,.42); box-shadow:0 0 0 3px rgba(25,194,255,.08); } .login-panel .login-button{ background:linear-gradient(135deg,#19c2ff 0%, #9b5cff 100%); color:#07111d; } .login-panel .login-button:hover{ background:linear-gradient(135deg,#7fdcff 0%, #ceb3ff 100%); } .login-panel .register-button{ background:linear-gradient(135deg,#ff3b4d 0%, #ffcc4d 100%); color:#fff; } .login-panel .register-button:hover{ background:linear-gradient(135deg,#ff7d88 0%, #ffe08a 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,#0d162b 0%, #09101e 100%); border-color:rgba(155,92,255,.14); } .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,28,52,.86) 0%, rgba(10,14,26,.96) 100%); border-color:rgba(255,255,255,.05); overflow:hidden; } .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,#0c1527 0%, #1a1030 50%, #311723 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(25,194,255,.16) 0%, rgba(155,92,255,.18) 48%, rgba(255,59,77,.14) 82%, rgba(255,204,77,.12) 100%); } .jackpot-winners .winners-ticker-container, .winners-ticker ul li .winner-amount, .scrtabs-tab-container, .provider-slide{ background:linear-gradient(90deg,#19c2ff 0%, #8f5dff 52%, #ff3b4d 82%, #ffcc4d 100%); color:#fff; } .progressive-jackpot .jackpot-container, .home-progressive-jackpot .jackpot-currency, .percentCount{ color:#fff; text-shadow: 0 0 8px rgba(25,194,255,.28), 0 0 14px rgba(155,92,255,.18), 0 0 18px rgba(255,204,77,.12); } /* ===== 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,#16203b 0%, #0c1324 100%); color:#dce8fb; } .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(25,194,255,.15), rgba(155,92,255,.18), rgba(255,59,77,.14), rgba(255,204,77,.12)); color:#fff; } /* ===== Modal ===== */ .modal-header, .bonus-slider-modal .modal-header, .confirmation-message-modal .modal-header{ background:linear-gradient(90deg,#10182d 0%, #1a1230 60%, #2a1623 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:#d3def3; } /* ===== Notification / message ===== */ .notification-popup-body .notification-list .notification-item{ background:linear-gradient(180deg,#0b101f 0%, #12182d 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,.12) 0%, rgba(18,24,45,.96) 100%); border-color:rgba(255,59,77,.24); } .notification-popup-body .notification-footer{ background:linear-gradient(90deg,#19c2ff 0%, #8f5dff 52%, #ff3b4d 82%, #ffcc4d 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,.16); } .standard-form-note span, .standard-form-note strong, .update-verification-note-container .update-verification-note span{ color:var(--wg-gold-soft); } .remarks-container, .payment-maintenance-container{ background:rgba(255,59,77,.10); border-color:rgba(255,59,77,.24); color:#ffe5e8; } .forgot-password-warning{ background:rgba(255,59,77,.10); color:#ffd9de; } /* ===== 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,.30); } .bonus-range .bubble::before{ border-top-color:var(--wg-purple); } .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-blue); } .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-purple-soft); } /* ===== Floating button ===== */ .floating-action-button .floating-action-button-item{ background:linear-gradient(135deg,#19c2ff 0%, #9b5cff 56%, #ff3b4d 84%, #ffcc4d 100%); border-color:rgba(255,255,255,.12); box-shadow: 0 8px 24px rgba(0,0,0,.30), 0 0 18px rgba(25,194,255,.14), 0 0 18px rgba(155,92,255,.12); } /* ===== Light aura animation, ringan ===== */ @keyframes wgPulseGlow{ 0%,100%{ box-shadow: 0 0 0 rgba(25,194,255,0), 0 0 0 rgba(155,92,255,0), 0 0 0 rgba(255,204,77,0); } 50%{ box-shadow: 0 0 12px rgba(25,194,255,.14), 0 0 18px rgba(155,92,255,.12), 0 0 14px rgba(255,204,77,.10); } } @keyframes wgFloatSoft{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-2px); } } @keyframes wgShine{ 0%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } 100%{ background-position:0% 50%; } } /* 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.4s ease-in-out infinite; } .promotion-item, .claim-item, .provider-slide>main>.slide-item, .game-list .game-item{ animation:wgFloatSoft 5s ease-in-out infinite; } .progressive-jackpot .jackpot-container, .home-progressive-jackpot .jackpot-container, .jackpot-winners .winners-ticker-container{ background-size:200% 200%; animation:wgShine 6s ease 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, .progressive-jackpot .jackpot-container, .home-progressive-jackpot .jackpot-container, .jackpot-winners .winners-ticker-container{ animation:none !important; transition:none !important; } }