/* ========================================================= TUAK88 PROFESSIONAL NEO AURA THEME Lightweight override - keep existing HTML/class structure Place this file AFTER the original CSS ========================================================= */ :root{ --bg-main: #070811; --bg-soft: #0d1020; --bg-card: #12162a; --bg-panel: #171c31; --text-main: #f8faff; --text-soft: #c8d0df; --text-dim: #8c96ad; --purple-neon: #a855f7; --purple-deep: #6d28d9; --purple-glow: rgba(168,85,247,0.28); --cyan-light: #22d3ee; --cyan-glow: rgba(34,211,238,0.22); --gold-soft: #ffd166; --orange-gold: #ff9f1c; --gold-glow: rgba(255,209,102,0.24); --red-splash: #ff3b5c; --red-glow: rgba(255,59,92,0.22); --line-soft: rgba(255,255,255,0.08); --line-strong: rgba(168,85,247,0.22); --shadow-soft: 0 8px 24px rgba(0,0,0,0.26); --shadow-mid: 0 12px 28px rgba(0,0,0,0.30); --shadow-neon: 0 0 0 1px rgba(168,85,247,0.12), 0 10px 28px rgba(168,85,247,0.10), 0 0 18px rgba(34,211,238,0.06); --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --grad-main: linear-gradient(135deg, #7c3aed 0%, #22d3ee 52%, #ff9f1c 100%); --grad-panel: linear-gradient(180deg, #13182b 0%, #0b0f1b 100%); --grad-header: linear-gradient(90deg, #1b1030 0%, #24104a 45%, #13283c 100%); --grad-soft: linear-gradient(180deg, rgba(168,85,247,0.12) 0%, rgba(34,211,238,0.04) 100%); --grad-danger: linear-gradient(135deg, rgba(255,59,92,0.18) 0%, rgba(255,159,28,0.12) 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(--cyan-light); transition: color .22s ease, opacity .22s ease, text-shadow .22s ease; } a:hover, a:focus{ color: #8befff; text-decoration: none; text-shadow: 0 0 10px rgba(34,211,238,0.18); } /* Smooth 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: var(--grad-header); border-bottom: 1px solid rgba(168,85,247,0.20); box-shadow: var(--shadow-soft); } .topbar-left-section .topbar-item, .top-menu>li, .menu-slide>i{ color: #e5ebf7; } .top-menu>li:hover, .top-menu>li[data-active="true"], .topbar-left-section .topbar-item a:hover{ color: #fff; text-shadow: 0 0 10px rgba(168,85,247,0.28), 0 0 14px rgba(34,211,238,0.16); } /* 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-panel); border: 1px solid var(--line-soft); border-radius: var(--radius-md); box-shadow: var(--shadow-soft); position: relative; overflow: hidden; } .user-info .user-main-info::before, .standard-form-content::before, .claim-item-container .claim-item::before, .game-list .game-item::before, .notification-list .notification-item::before{ content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: radial-gradient(circle at top right, rgba(168,85,247,0.10), transparent 36%), radial-gradient(circle at bottom left, rgba(34,211,238,0.08), transparent 34%); } /* 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: linear-gradient(135deg, #7c3aed 0%, #22d3ee 56%, #ffb703 100%); color: #fff; border: 0; letter-spacing: .35px; box-shadow: 0 6px 18px rgba(168,85,247,0.20), 0 0 16px rgba(34,211,238,0.08); } /* 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: linear-gradient(135deg, #8b5cf6 0%, #22d3ee 55%, #ffb703 100%); color: #fff; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 8px 20px rgba(168,85,247,0.18), 0 0 12px rgba(34,211,238,0.06); } .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(168,85,247,0.24), 0 0 14px rgba(255,183,3,0.10); filter: saturate(1.06); } .free-play, .modal-btn, .modal-btn.blank:hover, .modal-footer .btn-secondary, .simple-modal .btn-secondary{ background: #1f2438; color: #dfe7f3; 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: #292f47; 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: #0f1424; 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(168,85,247,0.42); box-shadow: 0 0 0 3px rgba(168,85,247,0.12), 0 0 8px rgba(34,211,238,0.06); 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-main); color: #fff; } /* Side menu */ .standard-side-menu-group-label, .standard-side-menu a, .promotions-container .standard-side-menu li a{ background: #12172a; color: #ecf1fa; 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(168,85,247,0.18), rgba(34,211,238,0.10)); color: #fff; border-color: rgba(168,85,247,0.26); box-shadow: inset 3px 0 0 var(--cyan-light); } /* Tables / content */ .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(168,85,247,0.14), rgba(255,59,92,0.06)); border-color: rgba(168,85,247,0.26); } .notification-list .notification-item .notification-header .notification-label, .notification-list .notification-item .notification-play-button{ background: linear-gradient(135deg, #8b5cf6 0%, #ff9f1c 100%); color: #fff; } /* Banner / highlight */ .banner, .home-info-container, .telegram-banner-container, .top-menu .game-list, .lottery-result-container, .home-progressive-jackpot .jackpot-container{ background: linear-gradient(180deg, #0b0c14 0%, #120d1b 55%, #0a1218 100%); } .home-info-container, .telegram-banner-container{ border: 1px solid rgba(168,85,247,0.20); box-shadow: var(--shadow-neon); position: relative; overflow: hidden; } .home-info-container::after, .telegram-banner-container::after{ content: ""; position: absolute; right: -30px; bottom: -30px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, rgba(255,59,92,0.22), transparent 68%); pointer-events: none; } /* 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(168,85,247,0.14); color: #fff; } .game-list .wrapper-container:hover, .provider-slide>main>.slide-item>a:not(.game-info):hover{ background: rgba(34,211,238,0.04); } /* Promo / modal */ .modal-content, .bonus-slider-modal .modal-content, .loyalty-daily-reward-modal .modal-content, .loyalty-available-rank-up-modal .modal-content{ background: #0d1220; border: 1px solid rgba(255,255,255,0.07); border-radius: var(--radius-lg); box-shadow: 0 18px 50px rgba(0,0,0,0.42); } .modal-header, .bonus-slider-modal .modal-header{ background: linear-gradient(90deg, #221037 0%, #161e33 100%); border-bottom: 1px solid rgba(168,85,247,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); } .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(--cyan-light); } /* Floating / contact */ .contact-list>li a{ background: #131a2d; 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: linear-gradient(135deg, #8b5cf6 0%, #22d3ee 55%, #ff9f1c 100%); color: #fff; box-shadow: 0 8px 20px rgba(168,85,247,0.22), 0 0 14px rgba(34,211,238,0.08); } /* Readability */ .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: #dbe4f3; } .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); } /* ========================================================= LIGHTWEIGHT ANIMATION keep same class animation names ========================================================= */ @keyframes neonPulse { 0%, 100% { box-shadow: 0 0 0 1px rgba(168,85,247,0.10), 0 0 0 rgba(34,211,238,0); } 50% { box-shadow: 0 0 0 1px rgba(168,85,247,0.18), 0 0 22px rgba(168,85,247,0.10), 0 0 14px rgba(34,211,238,0.06); } } @keyframes textGlow { 0%, 100% { text-shadow: 0 0 0 rgba(168,85,247,0), 0 0 0 rgba(34,211,238,0); } 50% { text-shadow: 0 0 12px rgba(168,85,247,0.22), 0 0 8px rgba(34,211,238,0.12); } } @keyframes fireLine { 0% { transform: translateX(-24px); opacity: .20; } 50% { opacity: .65; } 100% { transform: translateX(24px); opacity: .20; } } .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.8s 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; } .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), rgba(34,211,238,0.10), transparent ); transform: skewX(-18deg); animation: fireLine 4.8s linear infinite; } /* Hover */ .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(168,85,247,0.24); box-shadow: 0 14px 28px rgba(0,0,0,0.28), 0 0 0 1px rgba(168,85,247,0.08), 0 0 12px rgba(34,211,238,0.04); } /* Footer */ .site-footer{ background: linear-gradient(90deg, #0a0b14 0%, #181127 45%, #101d2b 100%); border-top: 1px solid rgba(168,85,247,0.14); } .footer-links>li>a, .contact-list>li a, .footer-section-title{ color: #f5f8ff; } .footer-links>li>a:hover, .contact-list>li a:hover{ color: #fff; background: rgba(168,85,247,0.08); } /* 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; } }