/* ===== VWTOTO LUXURY QRIS THEME OVERRIDE ===== */ :root{ --vwt-bg:#050505; --vwt-card:#0b0b0b; --vwt-card2:#111827; --vwt-gold:#ffd700; --vwt-gold2:#d4af37; --vwt-orange:#ff9d00; --vwt-aqua:#5fd6e8; --vwt-white:#ffffff; --vwt-muted:#cfcfcf; --vwt-border:rgba(255,215,0,.45); --vwt-shadow:0 0 18px rgba(255,215,0,.28); } body{ background: radial-gradient(circle at top left,rgba(255,215,0,.12),transparent 28%), radial-gradient(circle at top right,rgba(95,214,232,.10),transparent 30%), linear-gradient(180deg,#020202 0%,#07100d 50%,#000 100%) !important; color:var(--vwt-gold)!important; } a,p,.site-description, .site-description h1,.site-description h2,.site-description h3, .site-info .site-info-title h3, .site-info .site-info-description h4{ color:var(--vwt-gold)!important; } a:hover{ color:var(--vwt-aqua)!important; text-shadow:0 0 8px rgba(95,214,232,.65); } /* HEADER */ .site-header, .topbar-container{ background:linear-gradient(135deg,#030303 0%,#101006 45%,#000 100%)!important; border-bottom:1px solid var(--vwt-border)!important; box-shadow:0 8px 24px rgba(0,0,0,.55),0 0 18px rgba(255,215,0,.18); } .top-menu>li{ color:var(--vwt-gold)!important; transition:.25s ease; } .top-menu>li:hover, .top-menu>li[data-active="true"]{ color:#fff!important; text-shadow:0 0 10px var(--vwt-gold); } /* BANNER */ .banner, [data-container-background="background-banner"]{ background: radial-gradient(circle at center,rgba(255,215,0,.12),transparent 38%), linear-gradient(135deg,#030303,#101008 55%,#000)!important; } .banner .carousel-indicators .active, .banner .carousel-indicators .slick-active{ background:var(--vwt-gold)!important; border-color:var(--vwt-gold)!important; box-shadow:0 0 10px var(--vwt-gold); } /* PANEL & CONTAINER */ .home-info-container, .telegram-banner-container, .popular-games .tab-pane, .promotion-list, .sports-matches-container, .game-list, .scrtabs-tab-container{ background:linear-gradient(180deg,#0b0b0b,#050505)!important; border:1px solid rgba(255,215,0,.22)!important; box-shadow:inset 0 0 18px rgba(255,215,0,.06); } /* BUTTON UTAMA */ .play-now, .login-panel .login-button, .login-panel .register-button, .standard-button-group .btn-primary, .deposit-container .reveal-bank-account-button, .promotion-item .click-for-get-promo-button, .promotion-item-details .click-for-get-promo-button, .claim-item .claim-button, .claim-item .activation-button, .claim-item .cancellation-button, .claim-item .expiration-button, .modal-footer .btn-primary, [data-payment-gateway] .download-qr-button, [data-payment-gateway="qris"] .qris-qr-code-container a{ background:linear-gradient(135deg,#fff3a0 0%,#ffd700 35%,#ff9d00 70%,#b8860b 100%)!important; color:#050505!important; border:1px solid rgba(255,255,255,.35)!important; box-shadow:0 0 14px rgba(255,215,0,.35),inset 0 1px 0 rgba(255,255,255,.55); font-weight:700; transition:transform .22s ease, box-shadow .22s ease, filter .22s ease; } .play-now:hover, .login-panel .login-button:hover, .login-panel .register-button:hover, .standard-button-group .btn-primary:hover, .deposit-container .reveal-bank-account-button:hover, .promotion-item .click-for-get-promo-button:hover, .promotion-item-details .click-for-get-promo-button:hover, .modal-footer .btn-primary:hover{ transform:translateY(-1px); filter:brightness(1.08); box-shadow:0 0 22px rgba(255,215,0,.58),0 0 10px rgba(95,214,232,.25); } /* FREE PLAY / SECONDARY */ .free-play, .modal-btn, .bonus-controls-field .bonus-control-button{ background:linear-gradient(135deg,#1b1b1b,#050505)!important; color:var(--vwt-gold)!important; border:1px solid rgba(255,215,0,.32)!important; } /* LOGIN INPUT */ .login-panel input[type=text], .login-panel input[type=password], .header_inputbox, .form-control, .mobile-app-container .mobile-app-select{ background:linear-gradient(180deg,#080808,#111)!important; color:#fff!important; border:1px solid rgba(255,215,0,.32)!important; box-shadow:inset 0 0 10px rgba(255,215,0,.08); } .login-panel input:focus, .header_inputbox:focus, .form-control:focus{ border-color:var(--vwt-aqua)!important; box-shadow:0 0 12px rgba(95,214,232,.35)!important; } /* ANNOUNCEMENT / TICKER */ .announcement-container, .lottery-result-container, .lottery-result-container .lottery-result-title{ background:linear-gradient(135deg,#ffd700,#ff9d00)!important; color:#000!important; } .announcement-container>[data-section="announcements"], .jackpot-winners, .home-info-container .tickercontainer, .jackpot-winners .winners-ticker-container{ background:#050505!important; color:var(--vwt-gold)!important; border:1px solid rgba(255,215,0,.22)!important; } /* GAME CARD */ .game-list .game-item, .sport-match-item, .promotion-item, .claim-item-container .claim-item, .provider-slide>main>.slide-item{ background:linear-gradient(145deg,#101010,#050505)!important; border:1px solid rgba(255,215,0,.18)!important; box-shadow:0 6px 18px rgba(0,0,0,.35); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .game-list .game-item:hover, .promotion-item:hover, .provider-slide>main>.slide-item:hover{ transform:translateY(-2px); border-color:rgba(255,215,0,.55)!important; box-shadow:0 0 18px rgba(255,215,0,.22); } .game-list .game-name, .game-list .provider-name{ background:linear-gradient(135deg,#ffd700,#ff9d00)!important; color:#000!important; font-weight:700; } /* TAB / MENU */ .nav-tabs>li>a, .popular-games .nav-tabs>li>a, .mobile-app-container .nav-tabs>li>a, .standard-side-menu a, .promotions-container .standard-side-menu li a{ background:linear-gradient(180deg,#101010,#050505)!important; color:var(--vwt-gold)!important; border:1px solid rgba(255,215,0,.22)!important; transition:.22s ease; } .nav-tabs>li>a:hover, .popular-games .nav-tabs>li.active>a, .popular-games .nav-tabs>li>a:hover, .mobile-app-container .nav-tabs>li.active>a, .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{ background:linear-gradient(135deg,#ffd700,#ff9d00)!important; color:#000!important; box-shadow:0 0 12px rgba(255,215,0,.35); } /* MODAL */ .modal-content, .bonus-slider-modal .modal-content{ background:linear-gradient(180deg,#0c0c0c,#050505)!important; border:1px solid rgba(255,215,0,.35)!important; box-shadow:0 0 30px rgba(0,0,0,.75),0 0 18px rgba(255,215,0,.18); } .modal-header, .bonus-slider-modal .modal-header, .confirmation-message-modal .modal-header{ background:linear-gradient(135deg,#050505,#151103)!important; border-bottom:1px solid rgba(255,215,0,.32)!important; } .modal-content h4, .download-popup-modal .modal-header .modal-title, .bonus-slider-modal .modal-title{ color:var(--vwt-gold)!important; } /* QRIS / PAYMENT */ .payment-method-selection input[type="radio"]:checked+label, .notification-tabs .notification-tab-item[data-active="true"], .daily-reward-container .standard-secondary-button, .mission-container .mission-item[data-status="claimable"] .mission-action-container .action-button{ background:linear-gradient(135deg,#ffd700,#ff9d00,#d4af37)!important; color:#000!important; box-shadow:0 0 16px rgba(255,215,0,.35); } /* JACKPOT */ .home-progressive-jackpot{ background:linear-gradient(135deg,#d4af37,#ffd700,#ff9d00)!important; } .home-progressive-jackpot .outer-container, .home-progressive-jackpot .inner-container, .home-progressive-jackpot .jackpot-container{ background:linear-gradient(180deg,#050505,#111)!important; border-color:var(--vwt-gold)!important; } .home-progressive-jackpot .jackpot-currency, .jackpot-container .progressive-jackpot span, .winners-ticker ul li .winner-amount{ color:var(--vwt-gold)!important; text-shadow:0 0 10px rgba(255,215,0,.65); } /* FOOTER */ .site-footer{ background: radial-gradient(circle at center,rgba(255,215,0,.08),transparent 35%), linear-gradient(180deg,#050505,#000)!important; border-top:1px solid rgba(255,215,0,.25); } .footer-links>li>a{ color:#fff!important; } .footer-links>li>a:hover{ color:var(--vwt-gold)!important; } /* LIGHTWEIGHT ANIMATION */ @keyframes vwtGlowPulse{ 0%,100%{box-shadow:0 0 12px rgba(255,215,0,.22)} 50%{box-shadow:0 0 22px rgba(255,215,0,.45)} } @keyframes vwtSoftShine{ 0%{background-position:0% 50%} 100%{background-position:100% 50%} } .play-now, .login-panel .login-button, .login-panel .register-button, .home-progressive-jackpot, .floating-action-button .floating-action-button-item{ animation:vwtGlowPulse 2.8s ease-in-out infinite; } .floating-action-button .floating-action-button-item{ background:linear-gradient(135deg,#ffd700,#ff9d00,#5fd6e8)!important; border-color:rgba(255,215,0,.75)!important; box-shadow:0 4px 22px rgba(255,215,0,.45)!important; } /* MOBILE FRIENDLY */ @media(max-width:768px){ .site-header, .topbar-container{ box-shadow:0 4px 16px rgba(0,0,0,.55); } .play-now, .login-panel .login-button, .login-panel .register-button{ animation:none; } .game-list .game-item:hover, .promotion-item:hover{ transform:none; } }