/* ========================================================= MAINCUAN PROFESSIONAL TOXIC NEON THEME Lightweight override - keep existing HTML/class structure Place this file AFTER the original CSS ========================================================= */ :root{ --bg-main: #06080b; --bg-soft: #0b1015; --bg-card: #10161d; --bg-panel: #131b23; --text-main: #f5fff8; --text-soft: #b7c6bd; --text-dim: #7f9185; --neon-main: #39ff14; --neon-soft: #7dff6b; --neon-deep: #19c90c; --neon-glow: rgba(57,255,20,0.22); --neon-line: rgba(57,255,20,0.18); --accent-cyan: #64fff1; --accent-gold: #d8ff72; --line-soft: rgba(255,255,255,0.06); --line-strong: rgba(57,255,20,0.22); --shadow-soft: 0 8px 24px rgba(0,0,0,0.25); --shadow-neon: 0 0 0 1px rgba(57,255,20,0.10), 0 10px 28px rgba(57,255,20,0.10); --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --grad-main: linear-gradient(135deg, #16351a 0%, #39ff14 55%, #b8ff5c 100%); --grad-soft: linear-gradient(180deg, rgba(57,255,20,0.12) 0%, rgba(57,255,20,0.03) 100%); --grad-dark: linear-gradient(180deg, #10151b 0%, #0a0d11 100%); --grad-header: linear-gradient(90deg, #09110a 0%, #0f1f10 50%, #142d15 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(--neon-main); transition: color .22s ease, text-shadow .22s ease, opacity .22s ease; } a:hover, a:focus{ color: var(--neon-soft); text-decoration: none; text-shadow: 0 0 10px rgba(57,255,20,0.16); } /* Smooth transition */ .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, .game-list .game-item, .provider-slide>main>.slide-item, .sport-match-item, .notification-list .notification-item{ transition: background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease, opacity .22s ease; } /* Header / Topbar */ .topbar-container, .site-header, .mobile-app-container .logo-container, .info-center, .messaging-side-menu{ background: var(--grad-header); border-bottom: 1px solid var(--line-strong); box-shadow: var(--shadow-soft); position: relative; } .topbar-container::after, .site-header::after{ content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(57,255,20,0.35), transparent); } .topbar-left-section .topbar-item, .top-menu>li, .menu-slide>i{ color: #d8e6da; } .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(57,255,20,0.22); } /* 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); 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, .sport-match-item::before, .notification-list .notification-item::before{ content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(180deg, rgba(255,255,255,0.02), transparent 20%), linear-gradient(135deg, rgba(57,255,20,0.05), transparent 45%); } /* 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, #1d3a1f 0%, #39ff14 65%, #b4ff66 100%); color: #081108; border: 0; letter-spacing: .35px; box-shadow: 0 6px 18px rgba(57,255,20,0.18); } /* 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-main); color: #081108; border: 1px solid rgba(255,255,255,0.06); box-shadow: 0 8px 20px rgba(57,255,20,0.15); font-weight: 700; } .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: #071007; transform: translateY(-1px); box-shadow: 0 10px 24px rgba(57,255,20,0.22); filter: saturate(1.05); } .free-play, .modal-btn, .modal-btn.blank:hover, .modal-footer .btn-secondary, .simple-modal .btn-secondary{ background: #1a222c; color: #dfe8e2; border: 1px solid rgba(255,255,255,0.05); } .free-play:hover, .modal-btn:hover, .modal-footer .btn-secondary:hover, .simple-modal .btn-secondary:hover{ background: #212b36; color: #fff; } /* Inputs */ .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: #0c1319; color: var(--text-main); border: 1px solid rgba(255,255,255,0.07); 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(57,255,20,0.42); box-shadow: 0 0 0 3px rgba(57,255,20,0.10); 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: linear-gradient(135deg, #16351a 0%, #39ff14 100%); color: #071007; } /* Side menu */ .standard-side-menu-group-label, .standard-side-menu a, .promotions-container .standard-side-menu li a{ background: #10161d; color: #e8f3ea; border-bottom: 1px solid rgba(255,255,255,0.04); } .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(57,255,20,0.14), rgba(100,255,241,0.06)); color: #fff; border-color: rgba(57,255,20,0.28); box-shadow: inset 3px 0 0 var(--neon-main); } /* Tables / messaging */ .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.07); } /* Notification */ .notification-list .notification-item[data-seen="false"], .notification-popup-body .notification-list .notification-item[data-seen="false"]{ background: linear-gradient(180deg, rgba(57,255,20,0.11), rgba(57,255,20,0.04)); border-color: rgba(57,255,20,0.26); } .notification-list .notification-item .notification-header .notification-label, .notification-list .notification-item .notification-play-button{ background: var(--grad-main); color: #081108; } /* 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, #090c10 0%, #0c150d 100%); } .home-info-container, .telegram-banner-container{ border: 1px solid rgba(57,255,20,0.18); box-shadow: var(--shadow-neon); position: relative; overflow: hidden; } .home-info-container::after, .telegram-banner-container::after{ content: ""; position: absolute; inset: auto -10% 0 -10%; height: 40%; background: radial-gradient(circle at center, rgba(57,255,20,0.10), transparent 70%); 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(57,255,20,0.10); color: #f7fff8; } .game-list .wrapper-container:hover, .provider-slide>main>.slide-item>a:not(.game-info):hover{ background: rgba(57,255,20,0.04); } /* Modal */ .modal-content, .bonus-slider-modal .modal-content, .loyalty-daily-reward-modal .modal-content, .loyalty-available-rank-up-modal .modal-content{ background: #0c1218; border: 1px solid rgba(255,255,255,0.06); 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, #0f160f 0%, #16351a 100%); border-bottom: 1px solid rgba(57,255,20,0.14); } .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(--accent-gold); } .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(--neon-soft); } /* Lightweight animation - same concept, different feel */ @keyframes neonBreath { 0%, 100% { box-shadow: 0 0 0 1px rgba(57,255,20,0.08), 0 0 0 rgba(57,255,20,0); } 50% { box-shadow: 0 0 0 1px rgba(57,255,20,0.16), 0 0 22px rgba(57,255,20,0.10); } } @keyframes textCharge { 0%, 100% { text-shadow: 0 0 0 rgba(57,255,20,0); filter: brightness(1); } 50% { text-shadow: 0 0 10px rgba(57,255,20,0.22); filter: brightness(1.05); } } @keyframes scanLine { 0% { transform: translateX(-30%); opacity: .10; } 50% { opacity: .28; } 100% { transform: translateX(130%); opacity: .10; } } @keyframes auraFloat { 0%, 100% { transform: translateY(0); opacity: .22; } 50% { transform: translateY(-3px); opacity: .32; } } .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: neonBreath 4s 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: textCharge 3s 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: -35%; width: 28%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent); transform: skewX(-18deg); animation: scanLine 5.4s linear infinite; } .home-info-container::before, .telegram-banner-container::before, .login-panel::before{ animation: auraFloat 4.8s ease-in-out infinite; } /* Hover - hidup tapi ringan */ .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(57,255,20,0.24); box-shadow: 0 14px 28px rgba(0,0,0,0.28), 0 0 0 1px rgba(57,255,20,0.09); } /* Footer */ .site-footer{ background: linear-gradient(90deg, #080b0d 0%, #0f1a10 50%, #132414 100%); border-top: 1px solid rgba(57,255,20,0.12); } .footer-links>li>a, .contact-list>li a, .footer-section-title{ color: #f2fff5; } .footer-links>li>a:hover, .contact-list>li a:hover{ color: #fff; background: rgba(57,255,20,0.06); } /* Contact */ .contact-list>li a{ background: #111820; border: 1px solid rgba(255,255,255,0.05); 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-main); color: #081108; box-shadow: 0 8px 18px rgba(57,255,20,0.18); } /* 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: #dbe8dd; } .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: 6s; } .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; } .standard-section-title::after, .standard-form-title::after, .info-center-title::after{ opacity: .6; } } /* Reduced motion */ @media (prefers-reduced-motion: reduce){ *{ animation: none !important; transition: none !important; scroll-behavior: auto !important; } }