/* ========================================================= WINSGOAL MODERN RED GLOW THEME Class TETAP sama • Model baru • Dark + Neon Red Ringan • Lebih hidup • Letakkan di bawah CSS lama ========================================================= */ :root{ --main-theme-color:#ff2b3e; --theme-red:#ff2b3e; --theme-red-soft:#ff5a68; --theme-red-light:#ff8a94; --theme-red-deep:#c40018; --theme-rose:#ffc2c8; --theme-dark:#090909; --theme-dark-2:#111111; --theme-panel:#141414; --theme-panel-2:#1a1a1a; --theme-panel-3:#202020; --theme-line:rgba(255,67,89,.12); --theme-line-strong:rgba(255,43,62,.26); --theme-text:#fff4f5; --theme-muted:#d9b1b6; --theme-gradient-primary:linear-gradient(135deg,#ff7b86 0%,#ff2b3e 46%,#c40018 100%); --theme-gradient-hover:linear-gradient(135deg,#ffb1b8 0%,#ff5665 45%,#e10020 100%); --theme-gradient-panel:linear-gradient(180deg,rgba(255,67,89,.07) 0%,rgba(255,43,62,.02) 100%); --theme-gradient-border:linear-gradient(135deg,rgba(255,177,184,.45),rgba(255,43,62,.14)); --theme-shadow:0 10px 30px rgba(0,0,0,.34); --theme-shadow-soft:0 8px 24px rgba(0,0,0,.24); --theme-glow:0 0 0 1px rgba(255,43,62,.10),0 0 18px rgba(255,43,62,.14); --theme-glow-strong:0 0 0 1px rgba(255,90,104,.16),0 0 26px rgba(255,43,62,.22); --theme-radius:18px; --theme-radius-sm:12px; } /* ===== Base ===== */ body, .site-content-container, [data-container-background="general"], [data-container-background="home"], [data-container-background="slots"], [data-container-background="arcade"], [data-container-background="crash-game"], [data-container-background="casino"], [data-container-background="race"], [data-container-background="others"], [data-container-background="promotions"]{ background: radial-gradient(circle at top left, rgba(255,43,62,.12), transparent 30%), radial-gradient(circle at top right, rgba(255,138,148,.07), transparent 25%), linear-gradient(180deg,#060606 0%,#0f0b0d 45%,#080808 100%); color:var(--theme-text); } body::before{ content:""; position:fixed; inset:0; pointer-events:none; z-index:0; background: radial-gradient(circle at 18% 0%, rgba(255,43,62,.07), transparent 24%), radial-gradient(circle at 82% 10%, rgba(255,90,104,.05), transparent 20%); } /* ===== Header / Topbar ===== */ .topbar-container, .site-header{ background:rgba(10,10,10,.88); border-bottom:1px solid var(--theme-line); box-shadow:0 6px 30px rgba(0,0,0,.28); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } .topbar-sub-section .topbar-item, .top-menu>li, .site-info-inner-container, .copyright-info-container, .footer-section-title, .site-info .site-info-title h3{ color:var(--theme-text); } .topbar-sub-section .topbar-item a, .topbar-sub-section .topbar-item .live-chat, .topbar-sub-section .language-selector-container, .top-menu>li{ transition:all .28s ease; } .topbar-sub-section .topbar-item a:hover, .topbar-sub-section .topbar-item .live-chat:hover, .top-menu>li[data-active="true"], .top-menu>li:hover{ color:var(--theme-red-soft); text-shadow:0 0 12px rgba(255,43,62,.32); } /* ===== Panels / Cards ===== */ .standard-form-content, .bonus-slider-modal .bonus-form, .claim-item, .promotion-item, .pending-transactions-container .pending-transactions-item, .pending-transaction-detail-card, .transaction-item, .transactions-table.table, .large-game-list-container .large-game-list-section, .footer-featured-product-section .site-info-description, .footer-banking-section .banking-footer-section, .footer-banking-section .bank-list-container, .footer-banking-section .banking-footer-section .bank-service-container .site-info-description{ position:relative; background: linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)), var(--theme-gradient-panel), var(--theme-panel); border:1px solid rgba(255,43,62,.10); border-radius:var(--theme-radius); box-shadow:var(--theme-shadow); overflow:hidden; } .standard-form-content::before, .bonus-slider-modal .bonus-form::before, .claim-item::before, .promotion-item::before, .pending-transactions-container .pending-transactions-item::before, .pending-transaction-detail-card::before, .transaction-item::before, .large-game-list-container .large-game-list-section::before{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(135deg,rgba(255,90,104,.08),transparent 40%,transparent 60%,rgba(255,43,62,.05)); opacity:.8; } .standard-profile-bar, .standard-side-menu, .promotion-side-menu, .promotion-list, .games-list-container .filter-section, .modal-body .pending-transaction-details-container, .resolved-transaction-popup .reporting-detail-content-area, .reporting-detail-popup .reporting-detail-popup-content{ background:linear-gradient(180deg,rgba(255,67,89,.04),rgba(255,255,255,.01)), var(--theme-panel-2); border:1px solid rgba(255,90,104,.08); border-radius:var(--theme-radius-sm); box-shadow:var(--theme-shadow-soft); } /* ===== Titles ===== */ .standard-form-title, .standard-content-info h2, .info-center-container h2, .promotion-side-menu>h5, .mobile-app-container .title-container, .standard-nav-bar .nav-bar-title, .standard-profile-bar .username-field .username, .standard-profile-bar .balance-field .balance, .deposit-summary-container .deposit-summary-header .summary-transfer-amount, .withdrawal-summary-container .withdrawal-summary-header .summary-transfer-amount{ color:var(--theme-red-soft); letter-spacing:.25px; text-shadow:0 0 14px rgba(255,43,62,.16); } .info-center-container h3, .standard-form-sub-title, .otp-hr, .complaint-container .standard-form-title, .complaint-container .complaint-section-header{ border-left-color:var(--theme-red); border-bottom-color:var(--theme-red); } /* ===== Text ===== */ .game-list .game-name, .game-description-container .game-title, .game-description-container .game-description, .standard-inline-form-group label, .profile-container .section-heading, .pending-transaction-detail-container .primary, .resolved-transaction-popup .primary, .register-done-container>h2, .register-done-container, .table thead>tr>th, .table tbody>tr>td{ color:var(--theme-text); } .site-info-inner-container, .footer-description-section .site-description, .footer-sitemap-section .footer-links>li>a, .footer-sitemap-section .contact-list>li a, .footer-sitemap-section .social-media-list>li>a, .transaction-item .info-section .details .secondary, .pending-transaction-detail-container .secondary, .resolved-transaction-popup .secondary{ color:var(--theme-muted); } /* ===== Links ===== */ a, .contact-us-list li a, .change-referral-code a, .referral-box a, .whitelisted-domains-link a, .form-footer-note-section .form-footer-note-link a, .register-modal .register-page-link a, .mobile-app-container a{ color:var(--theme-red-soft); transition:all .25s ease; } a:hover, .contact-us-list li a:hover, .change-referral-code a:hover, .referral-box a:hover, .whitelisted-domains-link a:hover{ color:var(--theme-rose); text-shadow:0 0 10px rgba(255,90,104,.22); } /* ===== Buttons ===== */ .standard-button-group .btn-primary, .standard-reporting-control-group .btn-primary, .deposit-container .reveal-bank-account-button, .copy-input-button-field .copy-input-button, .play-now, .login-panel .register-button, .promotion-item .click-for-get-promo-button, [data-payment-gateway] .download-qr-button, .bonus-selection-list .bonus-selection-card .bonus-selection-card-detail button, .modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a{ position:relative; overflow:hidden; background:var(--theme-gradient-primary); color:#fff; border:0; border-radius:14px; box-shadow:0 10px 22px rgba(0,0,0,.28), 0 0 18px rgba(255,43,62,.14); transition:transform .24s ease, box-shadow .24s ease, filter .24s ease; } .standard-button-group .btn-primary:hover, .standard-reporting-control-group .btn-primary:hover, .deposit-container .reveal-bank-account-button:hover, .copy-input-button-field .copy-input-button:hover, .play-now:hover, .login-panel .register-button:hover, .promotion-item .click-for-get-promo-button:hover, [data-payment-gateway] .download-qr-button:hover, .bonus-selection-list .bonus-selection-card .bonus-selection-card-detail button:hover, .modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a:hover{ background:var(--theme-gradient-hover); color:#fff; transform:translateY(-2px) scale(1.01); box-shadow:0 14px 28px rgba(0,0,0,.30), 0 0 24px rgba(255,43,62,.20); filter:saturate(1.04); } .standard-button-group .btn-primary::before, .standard-reporting-control-group .btn-primary::before, .deposit-container .reveal-bank-account-button::before, .copy-input-button-field .copy-input-button::before, .play-now::before, .login-panel .register-button::before, .promotion-item .click-for-get-promo-button::before{ content:""; position:absolute; top:0; left:-140%; width:60%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent); transform:skewX(-22deg); transition:left .75s ease; pointer-events:none; } .standard-button-group .btn-primary:hover::before, .standard-reporting-control-group .btn-primary:hover::before, .deposit-container .reveal-bank-account-button:hover::before, .copy-input-button-field .copy-input-button:hover::before, .play-now:hover::before, .login-panel .register-button:hover::before, .promotion-item .click-for-get-promo-button:hover::before{ left:155%; } /* ===== Secondary button ===== */ .login-panel .login-button, .free-play, .profile-container .mobile-info-button, .complaint-container .btn-appeal, .request-otp-button, .contact-verification-link{ background:rgba(255,43,62,.05); border:1px solid rgba(255,90,104,.20); color:var(--theme-text); border-radius:14px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.02); transition:all .25s ease; } .login-panel .login-button:hover, .free-play:hover, .profile-container .mobile-info-button:hover, .complaint-container .btn-appeal:hover, .request-otp-button:hover, .contact-verification-link:hover{ background:linear-gradient(135deg,rgba(255,43,62,.16),rgba(255,90,104,.08)); border-color:rgba(255,90,104,.34); color:#fff; box-shadow:var(--theme-glow); transform:translateY(-1px); } /* ===== Inputs ===== */ .login-panel input[type=text], .login-panel input[type=password], .standard-inline-form-group .form-control, .standard-form-content .form-control, .mobile-app-container .mobile-app-select, .appeal-form textarea.form-control, .rating-review-modal textarea.form-control, .standard-reporting-control-group>input{ background:#100d0e; border:1px solid rgba(255,90,104,.10); color:var(--theme-text); border-radius:12px; transition:border-color .25s ease, box-shadow .25s ease, background-color .25s ease, transform .2s ease; } .login-panel input[type=text]:focus, .login-panel input[type=password]:focus, .standard-inline-form-group .form-control:focus, .standard-form-content .form-control:focus, .appeal-form textarea.form-control:focus, .rating-review-modal textarea.form-control:focus, .standard-reporting-control-group>input:focus{ border-color:rgba(255,43,62,.48); box-shadow:0 0 0 4px rgba(255,43,62,.10); background:#171113; outline:none; } /* ===== Modal ===== */ .modal-header, .promotion-item .modal-header, .confirmation-message-modal .modal-header{ background:linear-gradient(135deg,#170d10 0%,#2a1117 45%,#6a0010 100%); border-bottom:1px solid rgba(255,90,104,.12); color:#fff; } .modal-body, .bonus-slider-modal .modal-body, .bonus-slider-modal .modal-footer, .promotion-item .modal-body, .modal-footer{ background:#120d0f; color:var(--theme-text); } .modal-footer{ border-top:1px solid rgba(255,90,104,.08); } /* ===== Navigation ===== */ .standard-nav-bar a, .standard-side-menu a, .promotion-side-menu>a, .games-list-container .category-filter-link{ color:var(--theme-text); border-radius:12px; transition:all .22s ease; } .standard-nav-bar a[data-active="true"], .standard-nav-bar a:not([data-active="true"]):hover, .standard-side-menu a[data-active="true"], .standard-side-menu a:not([data-active="true"]):hover, .promotion-side-menu>a[data-active="true"], .promotion-side-menu>a:hover, .games-list-container .category-filter-link.active, .games-list-container .category-filter-link:hover{ background:linear-gradient(90deg,rgba(255,43,62,.16),rgba(255,138,148,.08)); color:#fff; box-shadow:inset 0 0 0 1px rgba(255,90,104,.14), 0 6px 16px rgba(0,0,0,.18); transform:translateX(2px); } /* ===== Game List ===== */ .game-list .game-item, .large-game-list li, .top-menu .games-container>li{ background: linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)), linear-gradient(180deg,#181214 0%,#120f10 100%); border:1px solid rgba(255,90,104,.08); border-radius:16px; overflow:hidden; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .game-list .wrapper-container:hover, .game-list .game-item:hover, .large-game-list li:hover, .top-menu .games-container>li:hover{ transform:translateY(-4px); border-color:rgba(255,43,62,.22); box-shadow:0 16px 30px rgba(0,0,0,.28), 0 0 20px rgba(255,43,62,.10); } .game-list .provider-name, .download-apk .h2>span, .download-apk-section i, .standard-remark-notification .remark-notification-content span{ color:var(--theme-rose); } /* ===== Tables ===== */ .standard-form-content .table thead, .standard-reporting-scroll-container .table thead, .transactions-table.table thead{ background:#171214; border-color:rgba(255,90,104,.08); } .standard-form-content .table tbody, .standard-reporting-scroll-container .table tbody, .transactions-table.table tbody{ background:#120d0f; } .standard-form-content .table tbody td, .standard-reporting-scroll-container .table tbody td, .transactions-table.table tbody tr td{ border-color:rgba(255,90,104,.06); } /* ===== Notifications / Remarks ===== */ .remarks-container, .modal-body .pending-transaction-summary-container, .claim-info-modal .alert-container, .payment-account-creation-remarks{ background:linear-gradient(135deg,rgba(255,43,62,.10),rgba(255,138,148,.04)); border:1px solid rgba(255,90,104,.10); color:var(--theme-text); border-radius:14px; box-shadow:var(--theme-shadow-soft); } .remarks-container i{ border-color:var(--theme-red); color:var(--theme-red-soft); } /* ===== Footer ===== */ .footer-separator, .footer-links>li+li>a, .site-info-inner-container .site-links-container, .site-info-inner-container .support-list li{ border-color:rgba(255,90,104,.08); } .footer-sitemap-section .footer-links>li>a:hover, .footer-sitemap-section .contact-list>li a:hover, .footer-sitemap-section .social-media-list>li>a:hover{ color:var(--theme-red-soft); } /* ===== Claim Buttons ===== */ .claim-item .claim-button, .claim-item .activation-button, .claim-item .cancellation-button, .claim-item .expiration-button, .bonus-slider-modal .activation-button{ background:var(--theme-gradient-primary); color:#fff; border:0; border-radius:12px; box-shadow:0 0 14px rgba(255,43,62,.12); transition:all .25s ease; } .claim-item .claim-button:hover, .claim-item .activation-button:hover, .claim-item .cancellation-button:hover, .claim-item .expiration-button:hover, .bonus-slider-modal .activation-button:hover{ background:var(--theme-gradient-hover); color:#fff; transform:translateY(-2px); box-shadow:var(--theme-glow-strong); } /* ===== Lightweight pulse animation ===== */ .play-now, .standard-button-group .btn-primary, .promotion-item .click-for-get-promo-button, .login-panel .register-button, .claim-item .claim-button{ animation:redPulse 3.4s ease-in-out infinite; } @keyframes redPulse{ 0%,100%{ box-shadow:0 10px 22px rgba(0,0,0,.25), 0 0 0 rgba(255,43,62,0); } 50%{ box-shadow:0 12px 26px rgba(0,0,0,.28), 0 0 18px rgba(255,43,62,.16); } } /* ===== Card hover glow ===== */ .claim-item, .promotion-item, .transaction-item, .pending-transactions-container .pending-transactions-item, .standard-form-content{ transition:all .25s ease; } .claim-item:hover, .promotion-item:hover, .transaction-item:hover, .pending-transactions-container .pending-transactions-item:hover, .standard-form-content:hover{ box-shadow:0 16px 34px rgba(0,0,0,.34), 0 0 0 1px rgba(255,43,62,.08), 0 0 24px rgba(255,43,62,.07); transform:translateY(-2px); } /* ===== Soft divider accent ===== */ hr, .otp-hr{ border-color:rgba(255,90,104,.12); } /* ===== Scrollbar ===== */ ::-webkit-scrollbar{ width:8px; height:8px; } ::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,rgba(255,138,148,.75),rgba(255,43,62,.75)); border-radius:20px; } ::-webkit-scrollbar-track{ background:#100c0d; } /* ===== Mobile smoothness ===== */ @media (max-width:768px){ .standard-form-content, .claim-item, .promotion-item, .transaction-item, .pending-transactions-container .pending-transactions-item{ border-radius:14px; } .standard-button-group .btn-primary, .play-now, .login-panel .register-button, .login-panel .login-button{ border-radius:12px; } .play-now, .standard-button-group .btn-primary, .promotion-item .click-for-get-promo-button, .login-panel .register-button, .claim-item .claim-button{ animation:none; } } /* ===== Accessibility / reduce motion ===== */ @media (prefers-reduced-motion: reduce){ *, *::before, *::after{ animation:none !important; transition:none !important; scroll-behavior:auto !important; } }