:root{ --bg-dark:#061018; --bg-panel:#0a1622; --bg-soft:#0d1c2b; --bg-card:#102235; --bg-hover:#13304a; --text-main:#effcff; --text-soft:#b8d9e6; --text-muted:#7fa8ba; --accent:#00cfff; --accent-2:#42e8ff; --accent-3:#89f7ff; --accent-dark:#0095c8; --danger:#ff5f7a; --line:rgba(66,232,255,.14); --glow: 0 0 0 1px rgba(66,232,255,.10), 0 10px 30px rgba(0,159,216,.10); --radius:16px; --radius-sm:12px; --tr:all .25s ease; } /* ========================= BASE ========================= */ body{ color:var(--text-soft); background: radial-gradient(circle at top right, rgba(66,232,255,.10), transparent 26%), radial-gradient(circle at top left, rgba(0,207,255,.08), transparent 24%), radial-gradient(circle at center, rgba(137,247,255,.04), transparent 35%), linear-gradient(180deg, #040b12 0%, #08131d 42%, #061018 100%); } h1,h2,h3,h4,h5,h6{ color:var(--text-main); font-weight:700; letter-spacing:.25px; } 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; } /* ========================= LIGHTWEIGHT ANIMATION ========================= */ @keyframes pulseGlow{ 0%,100%{ box-shadow: 0 0 0 rgba(66,232,255,0), 0 0 0 rgba(0,207,255,0); } 50%{ box-shadow: 0 0 14px rgba(66,232,255,.16), 0 0 26px rgba(0,159,216,.10); } } @keyframes softFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-2px); } } @keyframes shineMove{ 0%{ background-position:0% 50%; } 100%{ background-position:100% 50%; } } @keyframes borderFlow{ 0%,100%{ border-color:rgba(66,232,255,.14); } 50%{ border-color:rgba(137,247,255,.28); } } /* ========================= 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 rgba(66,232,255,.08); border-radius:14px 14px 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, rgba(66,232,255,.18), rgba(0,207,255,.12)); color:#fff; border-color:rgba(66,232,255,.20); } .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(135deg, var(--accent-2), var(--accent)); color:#03131a; border-color:transparent; box-shadow:0 8px 20px rgba(0,207,255,.18); } /* ========================= 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-2) 55%, var(--accent-dark)); color:#041118; border:0; border-radius:14px; box-shadow: 0 8px 22px rgba(0,207,255,.16), inset 0 1px 0 rgba(255,255,255,.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, #b8ffff, #4be7ff 58%, #00a9d8); color:#021018; transform:translateY(-1px); box-shadow: 0 10px 24px rgba(66,232,255,.18), inset 0 1px 0 rgba(255,255,255,.28); } .free-play, .modal-btn, .modal-btn.blank:hover, .modal-footer .btn-secondary{ background:linear-gradient(180deg, #10202f, #0d1825); color:var(--text-main); border:1px solid var(--line); border-radius:14px; transition:var(--tr); } .free-play:hover, .modal-btn:hover, .modal-btn.blank, .modal-footer .btn-secondary:hover{ background:linear-gradient(180deg, #15293d, #102234); color:#fff; border-color:rgba(66,232,255,.26); box-shadow:0 6px 18px rgba(0,207,255,.08); } /* ========================= CARDS / PANELS / 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)), linear-gradient(180deg, rgba(0,207,255,.02), rgba(66,232,255,.01)); border:1px solid var(--line); color:var(--text-soft); border-radius:var(--radius); box-shadow:var(--glow); backdrop-filter:blur(4px); } /* ========================= 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, #07131d 0%, #00bce8 25%, #52ebff 50%, #00bce8 75%, #07131d 100%); background-size:200% 200%; animation:shineMove 9s linear infinite; border:0; } /* ========================= DARK PANELS ========================= */ .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); } /* ========================= HOVER CARDS ========================= */ .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, rgba(255,255,255,.04), rgba(255,255,255,.02)), linear-gradient(180deg, var(--bg-card), var(--bg-hover)); box-shadow: 0 12px 28px rgba(0,207,255,.10), 0 0 0 1px rgba(66,232,255,.12); } /* ========================= 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:#0d1a27; color:var(--text-main); border:1px solid rgba(66,232,255,.14); 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(66,232,255,.45); box-shadow:0 0 0 3px rgba(0,207,255,.10); background:#102031; 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(0,207,255,.14), rgba(66,232,255,.08)); border-radius:10px; } /* ========================= 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(66,232,255,.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:#041018; background:linear-gradient(90deg, var(--accent-dark), var(--accent-2)); border-radius:8px; } /* ========================= 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); text-shadow:0 0 10px rgba(66,232,255,.10); } /* ========================= BADGES / LABELS ========================= */ .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, #00d6ff, #00a3db); color:#031018; } /* ========================= LIVE ACCENTS ========================= */ .sport-match-item .match-teams>span, .hot-match-container .live-streaming-link, .deposit-container .standard-form-note a{ color:#aef6ff; } .hot-match-container .live-streaming-link{ border-color:rgba(66,232,255,.30); } .hot-match-container .live-streaming-link:hover{ background:var(--accent); border-color:var(--accent); color:#041018; } /* ========================= 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(66,232,255,.05), transparent 42%), linear-gradient(180deg, #061018, #081520 60%, #061018); } /* ========================= 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); box-shadow:0 0 10px rgba(66,232,255,.30); } /* ========================= LIGHTWEIGHT MOTION ========================= */ .play-now, .standard-button-group .btn-primary, .download-apk .btn, .claim-item .claim-button{ animation:pulseGlow 3s ease-in-out infinite; } .promotion-item, .provider-slide, .home-progressive-jackpot .jackpot-container{ animation:softFloat 5.5s ease-in-out infinite; } /* ========================= MODAL / OLD HEADER CLEANUP ========================= */ .modal-header, .bonus-slider-modal .modal-header, .info-center-content .panel-default>.panel-heading, .confirmation-message-modal .modal-header{ background:linear-gradient(90deg, #0b1722, #00bfe8); border-bottom:1px solid rgba(66,232,255,.18); color:#fff; } /* ========================= EXTRA PROFESSIONAL TOUCH ========================= */ .standard-form-content, .standard-form-container, .claim-item, .promotion-info, .provider-info, .deposit-summary-container, .withdrawal-summary-container, .notification-list .notification-item{ animation:borderFlow 4.8s ease-in-out infinite; } .site-header, .topbar-container, .standard-form-title, .info-center-title{ box-shadow:0 6px 20px rgba(0,207,255,.06); } /* ========================= 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(0,207,255,.12); } .claim-item:hover, .promotion-info:hover, .notification-list .notification-item:hover, .bonus-selection-list .bonus-selection-card:hover{ transform:none; } .promotion-item, .provider-slide, .home-progressive-jackpot .jackpot-container{ animation:none; } }