/* ========================================================= TUAK88 PROFESSIONAL NEON FIRE THEME Lightweight override - keep existing HTML/class structure Place this file AFTER the original CSS ========================================================= */ :root{ --bg-main: #07090d; --bg-soft: #0d1117; --bg-card: #121821; --bg-panel: #161d27; --text-main: #f5f7fa; --text-soft: #b8c0cc; --text-dim: #8b95a7; --red-main: #ff3b30; --red-neon: #ff4d4f; --red-glow: rgba(255, 77, 79, 0.35); --red-deep: #c91f1f; --orange-fire: #ff7a18; --gold-soft: #ffc857; --line-soft: rgba(255,255,255,0.08); --line-red: rgba(255,77,79,0.28); --shadow-soft: 0 8px 24px rgba(0,0,0,0.28); --shadow-neon: 0 0 0 1px rgba(255,77,79,0.14), 0 10px 30px rgba(255,77,79,0.10); --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --grad-fire: linear-gradient(135deg, #ff3b30 0%, #ff6a00 100%); --grad-dark: linear-gradient(180deg, #11151c 0%, #0a0d12 100%); --grad-red-soft: linear-gradient(180deg, rgba(255,59,48,0.16) 0%, rgba(255,59,48,0.04) 100%); } /* Base */ body, .standard-form-container, .promotions-container, .slots-games-container, .casino-games-container, .race-games-container, .arcade-games-container, .crash-game-games-container, .sports-container, .game-list, .promotion-list, .info-center-content, .white-panel.emailbox .panel, .modal-content{ background: var(--bg-main); color: var(--text-soft); } body, p, .contact-us-list li p, .standard-form-content, .deposit-amount-range, .register-page-reminder{ color: var(--text-soft); } h1,h2,h3,h4,h5,h6, .nav-tabs>li>a, .profile-container .section-heading, .standard-section-title, .standard-form-title, .footer-section-title, .sports-platform-title, .panel-heading.emailbox-heading .panel-tabs>li>a, .message-detail-title a{ color: var(--text-main); } a{ color: var(--red-neon); transition: color .22s ease, opacity .22s ease, text-shadow .22s ease; } a:hover, a:focus{ color: #ff8b7b; text-decoration: none; text-shadow: 0 0 10px rgba(255,77,79,0.18); } /* Smooth global transitions */ .top-menu>li, .nav-tabs>li>a, .btn, .standard-button-group .btn, .play-now, .free-play, .login-panel .login-button, .login-panel .register-button, .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-side-menu a, .user-info .dropdown-menu>li>a, .mobile-app-container .mobile-app-select a, .contact-list>li a, .topbar-left-section .topbar-item a{ transition: background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease, opacity .22s ease; } /* Topbar + Header */ .topbar-container, .site-header, .mobile-app-container .logo-container, .info-center, .messaging-side-menu{ background: linear-gradient(90deg, #120c12 0%, #2a0d12 45%, #3b1111 100%); border-bottom: 1px solid var(--line-red); box-shadow: var(--shadow-soft); } .topbar-left-section .topbar-item, .top-menu>li, .menu-slide>i{ color: #d8dee8; } .top-menu>li:hover, .top-menu>li[data-active="true"], .topbar-left-section .topbar-item a:hover{ color: #fff; text-shadow: 0 0 14px rgba(255,77,79,0.35); } /* Panels / cards */ .user-info .user-main-info, .standard-form-content, .promotion-info, .claim-item-container .claim-item, .provider-info, .large-game-list-container, .pending-transactions-container .pending-transactions-item, .loyalty-container .standard-form-content, .loyalty-level-benefits-container, .loyalty-reward-container .flash-sale-container .item, .loyalty-reward-container .lucky-draw-container .item, .loyalty-reward-container .other-product-container .item, .game-list .game-item, .sport-match-item, .notification-popup-body .notification-list .notification-item, .notification-list .notification-item{ background: var(--grad-dark); border: 1px solid var(--line-soft); border-radius: var(--radius-md); box-shadow: var(--shadow-soft); } /* Important section titles */ .standard-form-title, .info-center-title, .panel-primary>.panel-heading.emailbox-heading, .popular-games [data-section="left"] .section-title, .home-game-list-container .container-title span, .popular-game-title-container .container-title span, .lottery-result-container .lottery-result-title{ background: var(--grad-fire); color: #fff; border: 0; letter-spacing: .3px; box-shadow: 0 6px 18px rgba(255, 77, 79, 0.22); } /* Buttons */ .play-now, .login-panel .login-button, .standard-button-group .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, .notification-popup-body .notification-footer, .download-apk .btn, .loyalty-reward-container .loyalty-reward-button, .daily-reward-container .standard-secondary-button, .mission-container .mission-item[data-status="claimable"] .mission-action-container .action-button{ background: var(--grad-fire); color: #fff; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 8px 20px rgba(255, 77, 79, 0.18); } .play-now:hover, .login-panel .login-button:hover, .standard-button-group .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, .download-apk .btn:hover, .daily-reward-container .standard-secondary-button:hover, .mission-container .mission-item[data-status="claimable"] .mission-action-container .action-button:hover{ color: #fff; transform: translateY(-1px); box-shadow: 0 10px 24px rgba(255, 77, 79, 0.28); filter: saturate(1.08); } .free-play, .modal-btn, .modal-btn.blank:hover, .modal-footer .btn-secondary, .simple-modal .btn-secondary{ background: #222a35; color: #d7deea; border: 1px solid rgba(255,255,255,0.06); } .free-play:hover, .modal-btn:hover, .modal-footer .btn-secondary:hover, .simple-modal .btn-secondary:hover{ background: #2b3442; color: #fff; } /* Form controls */ .form-control, .mobile-app-container .mobile-app-select, .login-panel input[type=text], .login-panel input[type=password], .header_inputbox, .deposit-amount-container input[type="text"], .contact-verification-popup .contact-verification-section input, .otp-input{ background: #0e141d; color: var(--text-main); border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.02); } .form-control:focus, .login-panel input[type=text]:focus, .login-panel input[type=password]:focus, .header_inputbox:focus, .deposit-amount-container input[type="text"]:focus{ border-color: rgba(255,77,79,0.48); box-shadow: 0 0 0 3px rgba(255,77,79,0.12); outline: none; } /* Tabs */ .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, .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{ border-radius: 10px 10px 0 0; } .nav-tabs>li>a:hover, .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, .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: var(--grad-fire); color: #fff; } /* Side menu */ .standard-side-menu-group-label, .standard-side-menu a, .promotions-container .standard-side-menu li a{ background: #121722; color: #e9edf5; border-bottom: 1px solid rgba(255,255,255,0.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, .messaging-side-menu [data-active="true"] a, .messaging-side-menu a:hover{ background: linear-gradient(90deg, rgba(255,59,48,0.20), rgba(255,122,24,0.12)); color: #fff; border-color: rgba(255,77,79,0.35); box-shadow: inset 3px 0 0 var(--red-neon); } /* Tables / content blocks */ .inbox-table-body a, .white-panel.emailbox table, .message-table-body *, .replied-message:not([data-message-type="announcement"]) .replied-message-content *, .notification-list .notification-item .notification-content p, .notification-list .notification-item .notification-header .notification-title{ color: var(--text-main); } .inbox-table-header div, .inbox-table-body div, .replied-message, .notification-list .notification-item, .notification-popup-body .notification-list .notification-item{ border-color: rgba(255,255,255,0.08); } /* Notification */ .notification-list .notification-item[data-seen="false"], .notification-popup-body .notification-list .notification-item[data-seen="false"]{ background: linear-gradient(180deg, rgba(255,59,48,0.12), rgba(255,59,48,0.05)); border-color: rgba(255,77,79,0.30); } .notification-list .notification-item .notification-header .notification-label, .notification-list .notification-item .notification-play-button{ background: var(--grad-fire); color: #fff; } /* Banner / highlight sections */ .banner, .home-info-container, .telegram-banner-container, .top-menu .game-list, .lottery-result-container, .home-progressive-jackpot .jackpot-container{ background: linear-gradient(180deg, #0a0c10 0%, #130b0c 100%); } .home-info-container, .telegram-banner-container{ border: 1px solid rgba(255,77,79,0.22); box-shadow: var(--shadow-neon); } /* Game cards */ .game-list .game-item, .provider-slide>main>.slide-item, .large-game-list li, .large-game-list .game-provider-img{ overflow: hidden; position: relative; } .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{ background: rgba(255,59,48,0.12); color: #fff; } .game-list .wrapper-container:hover, .provider-slide>main>.slide-item>a:not(.game-info):hover{ background: rgba(255,77,79,0.06); } /* Promo / modal */ .modal-content, .bonus-slider-modal .modal-content, .loyalty-daily-reward-modal .modal-content, .loyalty-available-rank-up-modal .modal-content{ background: #0d1219; border: 1px solid rgba(255,255,255,0.07); border-radius: var(--radius-lg); box-shadow: 0 18px 50px rgba(0,0,0,0.45); } .modal-header, .bonus-slider-modal .modal-header{ background: linear-gradient(90deg, #1a0f12 0%, #2a1010 100%); border-bottom: 1px solid rgba(255,77,79,0.16); } .modal-content h4, .download-popup-modal .modal-header .modal-title, .claim-info-modal h4, .bonus-slider-modal .modal-title{ color: #fff; } /* Text accents */ .copyright, .site-description, .site-info .site-info-description p, .site-info .site-info-description h4, .provider-container, .provider-container>h5, .winners-ticker ul li .winner-amount, .deposit-container .formatted-balance, .panel-heading.emailbox-heading .panel-tabs>li.active i, .panel-heading.emailbox-heading .panel-tabs>li.active>a span, .home-progressive-jackpot .jackpot-currency{ color: var(--gold-soft); } /* Red accent cleanup */ .claim-info-modal h4, .standard-content-info h2, .game-provider-desc, .game-provider-desc-arcade, .game-provider-desc-sport, .game-provider-desc-crash-game, .provider-info h5, .provider-info p, .standard-remark-notification .remark-notification-content span, .pending-verification-container p, .standard-form-note span, .standard-form-note strong, .withdrawal-container .total-balance, .withdrawal-container .real-withdrawal-amount, .deposit-container .real-deposit-amount, .deposit-amount-container .deposit-amount .currency-suffix, .deposit-amount-container .deposit-amount input.form-control{ color: var(--red-neon); } /* Lightweight neon glow effects */ .login-panel, .user-info .user-main-info, .standard-form-content, .claim-item-container .claim-item, .notification-popup-body .notification-list .notification-item, .home-info-container, .telegram-banner-container{ position: relative; } .login-panel::before, .user-info .user-main-info::before, .standard-form-content::before, .claim-item-container .claim-item::before, .home-info-container::before{ content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,77,79,0.04); } /* Minimal animated neon aura */ @keyframes neonPulse { 0%, 100% { box-shadow: 0 0 0 1px rgba(255,77,79,0.10), 0 0 0 rgba(255,77,79,0); } 50% { box-shadow: 0 0 0 1px rgba(255,77,79,0.18), 0 0 24px rgba(255,77,79,0.12); } } @keyframes textGlow { 0%, 100% { text-shadow: 0 0 0 rgba(255,77,79,0); } 50% { text-shadow: 0 0 12px rgba(255,77,79,0.22); } } @keyframes fireLine { 0% { transform: translateX(-20px); opacity: .25; } 50% { opacity: .7; } 100% { transform: translateX(20px); opacity: .25; } } .topbar-container, .site-header, .standard-form-title, .info-center-title, .home-game-list-container .container-title span, .popular-game-title-container .container-title span{ animation: neonPulse 3.6s ease-in-out infinite; } .top-menu>li[data-active="true"], .standard-side-menu a[data-active="true"], .notification-popup-body .notification-list .notification-item[data-seen="false"] .notification-title{ animation: textGlow 2.8s ease-in-out infinite; } /* Decorative fire line - very light */ .standard-section-title, .standard-form-title, .info-center-title{ position: relative; overflow: hidden; } .standard-section-title::after, .standard-form-title::after, .info-center-title::after{ content: ""; position: absolute; top: 0; left: -15%; width: 30%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent); transform: skewX(-18deg); animation: fireLine 4.8s linear infinite; } /* Hover life without heavy render */ .game-list .game-item:hover, .claim-item-container .claim-item:hover, .promotion-item:hover, .provider-slide>main>.slide-item:hover, .sport-match-item:hover, .notification-list .notification-item:hover{ transform: translateY(-2px); border-color: rgba(255,77,79,0.26); box-shadow: 0 14px 28px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,77,79,0.10); } /* Footer */ .site-footer{ background: linear-gradient(90deg, #090b10 0%, #1a0d0f 50%, #2a0f10 100%); border-top: 1px solid rgba(255,77,79,0.14); } .footer-links>li>a, .contact-list>li a, .footer-section-title{ color: #f3f5f8; } .footer-links>li>a:hover, .contact-list>li a:hover{ color: #fff; background: rgba(255,77,79,0.08); } /* Contact */ .contact-list>li a{ background: #131923; border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; } .contact-list>li a i, .topbar-left-section .topbar-item .live-chat, .floating-action-button .floating-action-button-item{ background: var(--grad-fire); color: #fff; box-shadow: 0 8px 20px rgba(255,77,79,0.24); } /* Small readability fixes */ .site-description h1, .site-description h2, .site-description h3, .site-description p, .site-description a, .site-description div, .site-info .site-info-title h3{ color: #d7dde7; } .no-data-container p, .contact-us-list li h6, .bank-info h1, .bank-info h2, .bank-info h3, .bank-info h4{ color: var(--text-soft); } /* Mobile performance safety */ @media (max-width: 768px){ .topbar-container, .site-header, .standard-form-title, .info-center-title, .home-game-list-container .container-title span, .popular-game-title-container .container-title span{ animation-duration: 5.5s; } .game-list .game-item:hover, .claim-item-container .claim-item:hover, .promotion-item:hover, .provider-slide>main>.slide-item:hover, .sport-match-item:hover, .notification-list .notification-item:hover{ transform: none; } } /* Reduced motion support */ @media (prefers-reduced-motion: reduce){ *{ animation: none !important; transition: none !important; scroll-behavior: auto !important; } }