/* ===================================================== VWTOTO Neon Ocean Pro Theme Struktur class tetap sama - ringan & smooth ===================================================== */ :root{ --bg-main:#010C35; --bg-soft:#021A52; --bg-card:#071A3A; --cyan:#00E5FF; --cyan-soft:#6FEFFF; --green:#32FF66; --lime:#B6FF2A; --gold:#FFD447; --gold-dark:#C97A00; --purple:#8E44FF; --text:#FFFFFF; --muted:#B8C7D9; } /* BASIC */ body{ background: radial-gradient(circle at top,#073B88 0%,#010C35 45%,#000718 100%); color:var(--muted); } h1,h2,h3,h4,h5, .modal-title, .site-info .site-info-title h3{ color:var(--text); text-shadow:0 0 10px rgba(0,229,255,.35); } a{ color:var(--cyan); transition:.25s ease; } a:hover{ color:var(--lime); text-shadow:0 0 10px rgba(50,255,102,.6); } /* HEADER */ .site-header, .topbar-container{ background:linear-gradient(180deg,#021A52,#010C35); border-bottom:1px solid rgba(0,229,255,.35); box-shadow:0 0 22px rgba(0,229,255,.18); } .top-menu>li>a{ color:#EAF7FF; font-weight:600; } .top-menu>li>a:hover, .top-menu>li[data-active="true"]>a{ color:var(--gold); text-shadow:0 0 12px rgba(255,212,71,.65); } /* BUTTON */ .play-now, .login-panel .register-button, .standard-button-group .btn-primary, .deposit-container .reveal-bank-account-button, .modal-footer .btn-primary, [data-payment-gateway] .download-qr-button{ color:#061226; font-weight:800; border:0; border-radius:12px; background:linear-gradient(135deg,#FFF08A,#FFD447 45%,#C97A00); box-shadow: 0 0 12px rgba(255,212,71,.45), inset 0 1px 0 rgba(255,255,255,.55); transition:transform .25s ease, box-shadow .25s ease, filter .25s ease; } .play-now:hover, .login-panel .register-button:hover, .standard-button-group .btn-primary:hover, .deposit-container .reveal-bank-account-button:hover, .modal-footer .btn-primary:hover, [data-payment-gateway] .download-qr-button:hover{ color:#061226; transform:translateY(-2px); filter:brightness(1.08); box-shadow: 0 0 18px rgba(255,212,71,.75), 0 0 28px rgba(0,229,255,.25); } .free-play, .login-panel .login-button{ color:#fff; border-radius:12px; background:linear-gradient(135deg,#06345F,#021A52); border:1px solid rgba(0,229,255,.35); box-shadow:0 0 12px rgba(0,229,255,.18); } /* PANEL / CARD */ .panel, .modal-content, .standard-form-container, .standard-form-content, .large-game-list-container, .home-info-container, .telegram-banner-container, .info-center, .slots-games-container, .casino-games-container, .race-games-container, .arcade-games-container, .crash-game-games-container{ background:linear-gradient(180deg,rgba(7,26,58,.96),rgba(1,12,53,.98)); border:1px solid rgba(0,229,255,.22); box-shadow:0 0 22px rgba(0,229,255,.10); border-radius:16px; } /* GAME CARD */ .game-list .game-item, .large-game-list li, .provider-slide>main>.slide-item{ background: linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.25)), linear-gradient(135deg,#071A3A,#010C35); border:1px solid rgba(0,229,255,.18); border-radius:14px; overflow:hidden; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .game-list .game-item:hover, .large-game-list li:hover, .provider-slide>main>.slide-item:hover{ transform:translateY(-3px); border-color:rgba(182,255,42,.65); box-shadow: 0 0 18px rgba(0,229,255,.28), 0 0 26px rgba(50,255,102,.18); } .game-list .game-name, .slots-games-container .game-name, .casino-games-container .game-name, .race-games-container .game-name{ color:#fff; font-weight:800; background:linear-gradient(90deg,#021A52,#00B8FF,#32FF66); text-shadow:0 2px 8px rgba(0,0,0,.55); } /* INPUT */ .form-control, .login-panel input[type=text], .login-panel input[type=password], .mobile-app-container .mobile-app-select{ background:#020B22; color:#EAF7FF; border:1px solid rgba(0,229,255,.3); border-radius:10px; box-shadow:inset 0 0 12px rgba(0,229,255,.08); } .form-control:focus{ border-color:var(--green); box-shadow: 0 0 0 2px rgba(50,255,102,.12), 0 0 14px rgba(0,229,255,.25); } /* MENU & TABS */ .standard-side-menu, .standard-side-menu .menu-section, .popular-games .nav-tabs>li>a, .top-tab-container a{ background:#061632; color:#EAF7FF; border-radius:10px; } .standard-side-menu a[data-active="true"], .standard-side-menu a:hover, .standard-side-menu .menu-section a:hover, .standard-side-menu .menu-section a[data-active="true"], .top-tab-container a[data-active="true"], .top-tab-container a:hover, .slots-games-container .category-filter-link.active, .slots-games-container .category-filter-link:hover, .casino-games-container .category-filter-link.active, .casino-games-container .category-filter-link:hover{ background:linear-gradient(135deg,#00B8FF,#021A52); color:#fff; box-shadow:0 0 14px rgba(0,229,255,.35); } /* ANNOUNCEMENT */ .announcement-container, .tickercontainer, .jackpot-winners{ background:linear-gradient(90deg,#010C35,#022E71,#010C35); border:1px solid rgba(0,229,255,.25); color:#fff; box-shadow:0 0 18px rgba(0,229,255,.12); } .notice ul li, .announcement-container .announcement-list li{ color:var(--lime); } /* BANK / DEPOSIT */ .bank-info, .deposit-container .bank-info, .withdrawal-container .bank-info{ background:linear-gradient(180deg,#071A3A,#010C35); border:1px solid rgba(255,212,71,.28); border-radius:14px; } .deposit-container .formatted-balance, .user-info .wallet-container .balance, .winners-ticker ul li .winner-amount, .standard-form-note span, .standard-form-note strong{ color:var(--gold); text-shadow:0 0 10px rgba(255,212,71,.35); } /* FOOTER */ .site-footer{ background:linear-gradient(180deg,#010C35,#000718); border-top:1px solid rgba(0,229,255,.25); box-shadow:0 -8px 24px rgba(0,229,255,.08); } .footer-links>li>a:hover{ color:var(--lime); } /* LIGHT ANIMATION */ @keyframes neonPulse{ 0%,100%{ box-shadow:0 0 12px rgba(0,229,255,.2); } 50%{ box-shadow:0 0 22px rgba(0,229,255,.45); } } .banner, .home-game-list-container .container-content, .popular-game-title-container .container-content{ animation:neonPulse 3.8s ease-in-out infinite; } /* MOBILE RINGAN */ @media(max-width:768px){ .panel, .modal-content, .standard-form-container, .large-game-list-container{ border-radius:12px; } .game-list .game-item:hover, .large-game-list li:hover{ transform:none; } .banner, .home-game-list-container .container-content, .popular-game-title-container .container-content{ animation:none; } }