:root{ --bg-dark:#120b08; --bg-panel:#1b120d; --bg-soft:#24160f; --bg-card:#2a1a12; --bg-hover:#341f14; --text-main:#fff4eb; --text-soft:#d8b9a4; --text-muted:#b78d74; --accent:#ff7a1a; --accent-2:#ff9a2f; --accent-3:#ffb347; --accent-dark:#d85d00; --danger:#ff5a36; --line:rgba(255,148,77,.18); --glow:0 0 0 1px rgba(255,122,26,.18),0 8px 24px rgba(255,122,26,.14); --radius:14px; --radius-sm:10px; --tr:all .25s ease; } /* base */ body{ color:var(--text-soft); background: radial-gradient(circle at top right, rgba(255,122,26,.10), transparent 30%), radial-gradient(circle at top left, rgba(255,179,71,.06), transparent 25%), linear-gradient(180deg,#100906 0%, #1a0f09 40%, #120b08 100%); } h1,h2,h3,h4,h5,h6{ color:var(--text-main); font-weight:700; letter-spacing:.2px; } p, body, .site-description, .site-info .site-info-description p, .contact-us-list li p{ color:var(--text-soft); } a{ outline:0; color:var(--accent-2); transition:var(--tr); } a:hover, a:focus{ color:var(--accent-3); text-decoration:none; } /* subtle lightweight animation */ @keyframes pulseGlow{ 0%,100%{box-shadow:0 0 0 rgba(255,122,26,0), 0 0 0 rgba(255,122,26,0);} 50%{box-shadow:0 0 14px rgba(255,122,26,.18), 0 0 24px rgba(255,154,47,.10);} } @keyframes softFloat{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-2px);} } @keyframes shineMove{ 0%{background-position:0% 50%;} 100%{background-position:100% 50%;} } /* tabs */ .nav-tabs>li>a, .popular-games .nav-tabs>li>a, .panel-heading.emailbox-heading .panel-tabs>li>a{ color:var(--text-main); background:rgba(255,255,255,.02); border:1px solid transparent; border-radius:12px 12px 0 0; transition:var(--tr); } .nav-tabs>li>a:hover, .popular-games .nav-tabs>li>a:hover, .panel-heading.emailbox-heading .panel-tabs>li>a:hover{ background:linear-gradient(180deg,var(--accent-2),var(--accent)); color:#fff; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .popular-games .nav-tabs>li.active>a, .popular-games .nav-tabs>li.active>a:hover, .popular-games .nav-tabs>li.active>a:focus, .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(180deg,var(--accent-3),var(--accent)); color:#fff; border-color:transparent; box-shadow:0 8px 18px rgba(255,122,26,.20); } /* buttons */ .play-now, .standard-button-group .btn-primary, .modal-footer .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, .standard-reporting-control-group .btn-primary, .deposit-container .reveal-bank-account-button, .whitelisted-domains-link, .download-apk .btn, .notification-popup-body .notification-footer, .referral-section .referral-code-copy-btn{ background:linear-gradient(135deg,var(--accent-3),var(--accent) 58%,var(--accent-dark)); color:#fff; border:0; border-radius:12px; box-shadow:0 8px 22px rgba(255,122,26,.22); transition:var(--tr); } .play-now:hover, .standard-button-group .btn-primary:hover, .modal-footer .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, .standard-reporting-control-group .btn-primary:hover, .deposit-container .reveal-bank-account-button:hover, .whitelisted-domains-link:hover, .download-apk .btn:hover, .referral-section .referral-code-copy-btn:hover{ background:linear-gradient(135deg,#ffb95e,#ff8b24 60%,#c94f00); color:#fff; transform:translateY(-1px); } .free-play, .modal-btn, .modal-btn.blank:hover, .modal-footer .btn-secondary{ background:#2c2018; color:var(--text-main); border:1px solid var(--line); border-radius:12px; transition:var(--tr); } .free-play:hover, .modal-btn:hover, .modal-btn.blank, .modal-footer .btn-secondary:hover{ background:#38261b; color:#fff; border-color:rgba(255,154,47,.28); } /* cards / sections */ .standard-form-content, .standard-form-container, .promotion-info, .claim-item, .info-center-content, .white-panel.emailbox .panel, .notification-list .notification-item, .bonus-selection-list .bonus-selection-card, .pending-transactions-container .pending-transactions-item, .deposit-summary-container, .withdrawal-summary-container, .provider-info, .large-game-list-container{ background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015)); border:1px solid var(--line); color:var(--text-soft); border-radius:var(--radius); box-shadow:var(--glow); } /* headings / bars */ .standard-form-title, .info-center-title, .panel-primary>.panel-heading.emailbox-heading, .topbar-container, .site-header, .referral-container .standard-form-title, .announcement-container, .lottery-result-container .lottery-result-title, .home-game-list-container .container-title span, .popular-game-title-container .container-title span{ color:#fff; background: linear-gradient(90deg,#2a140c 0%, #ff7a1a 35%, #ff9a2f 65%, #2a140c 100%); background-size:200% 200%; animation:shineMove 8s linear infinite; border:0; } /* panels dark */ .modal-content, .bonus-slider-modal .modal-content, .bonus-slider-modal .bonus-form, .messaging-side-menu, .user-info .dropdown-menu, .info-center-content .panel, .notification-popup-body .notification-list .notification-item, .game-list, .game-list-title, .popular-games .tab-pane, .promotion-item-details, .promotions-container, .sports-matches-container, .sport-match-item .match-info-container, .home-info-container, .telegram-banner-container{ background:linear-gradient(180deg,var(--bg-panel),var(--bg-dark)); border-color:var(--line); color:var(--text-main); } /* cards hover */ .claim-item:hover, .promotion-info:hover, .notification-list .notification-item:hover, .bonus-selection-list .bonus-selection-card:hover, .large-game-list li:hover, .game-list .game-item:hover, .provider-slide>main>.slide-item:hover{ transform:translateY(-2px); background:linear-gradient(180deg,var(--bg-card),var(--bg-hover)); box-shadow:0 10px 28px rgba(255,122,26,.14); } /* forms */ .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:#23150f; color:var(--text-main); border:1px solid rgba(255,154,47,.16); border-radius:12px; box-shadow:none; transition:var(--tr); } .form-control:focus, .login-panel input[type=text]:focus, .login-panel input[type=password]:focus, .header_inputbox:focus{ border-color:rgba(255,154,47,.55); box-shadow:0 0 0 3px rgba(255,122,26,.10); background:#2a1911; color:#fff; } /* menu */ .top-menu>li, .footer-links>li>a, .standard-side-menu a, .standard-side-menu-group-label{ color:var(--text-main); } .top-menu>li:hover, .top-menu>li[data-active="true"], .standard-side-menu a:hover, .standard-side-menu a[data-active="true"], .promotions-container .standard-side-menu a:hover, .promotions-container .standard-side-menu a[data-active="true"]{ color:#fff; background:linear-gradient(90deg,rgba(255,122,26,.18),rgba(255,154,47,.10)); } /* game area */ .game-list .game-item, .popular-games .popular-game-list, .provider-slide>main>.slide-item, .sport-match-item, .pending-transactions-container .pending-transactions-item [data-payment-gateway]{ background:rgba(255,255,255,.02); border:1px solid rgba(255,154,47,.08); border-radius:12px; } .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,var(--accent-dark),var(--accent)); } /* highlighted text */ .withdrawal-container .total-balance, .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, .user-info .vendor-balances-container .vendor-balances-header, .user-info .vendor-balances-container strong, .standard-content-info h2, .claim-info-modal h4, .download-apk-section i, .standard-side-menu .player-account-section .username, .standard-profile-bar .user-field div .username{ color:var(--accent-3); } /* notification / badge */ .user-info [data-new-notification="true"]:before, .notification-list .notification-item .notification-header .notification-label, .claim-item-type>div, .claim-item-type .expiration-countdown [data-section]{ background:linear-gradient(135deg,#ff6d3a,#ff7a1a); color:#fff; } /* live accents */ .sport-match-item .match-teams>span, .hot-match-container .live-streaming-link, .deposit-container .standard-form-note a{ color:#ffd18b; } .hot-match-container .live-streaming-link{ border-color:#ffb347; } .hot-match-container .live-streaming-link:hover{ background:var(--accent); border-color:var(--accent); color:#fff; } /* section wrappers */ .banner, .home-progressive-jackpot .outer-container, .jackpot-winners, .site-footer, .topbar-container, [data-container-background="background-banner"], [data-container-background="others"], [data-container-background="promotions"]{ background: radial-gradient(circle at center, rgba(255,122,26,.05), transparent 45%), linear-gradient(180deg,#120b08,#1a100b 60%,#120b08); } /* title accents */ .standard-section-title:before, .home-game-list-container .container-title span:after, .popular-game-title-container .container-title span:after{ background-color:var(--accent); } /* lightweight highlight animation for CTA */ .play-now, .standard-button-group .btn-primary, .download-apk .btn, .claim-item .claim-button{ animation:pulseGlow 2.8s ease-in-out infinite; } /* subtle motion on important panels */ .promotion-item, .provider-slide, .home-progressive-jackpot .jackpot-container{ animation:softFloat 5s ease-in-out infinite; } /* remove heavy old styling feel */ .modal-header, .bonus-slider-modal .modal-header, .info-center-content .panel-default>.panel-heading, .confirmation-message-modal .modal-header{ background:linear-gradient(90deg,#24130c,#ff7a1a); border-bottom:1px solid rgba(255,154,47,.22); color:#fff; } /* mobile friendly */ @media (max-width:768px){ .play-now, .standard-button-group .btn-primary, .download-apk .btn, .modal-btn, .free-play{ border-radius:10px; box-shadow:0 6px 14px rgba(255,122,26,.16); } .claim-item:hover, .promotion-info:hover, .notification-list .notification-item:hover, .bonus-selection-list .bonus-selection-card:hover{ transform:none; } }