/* ========================================= ROOT VARIABLE (GLOBAL) – KHUSUS BIRU ========================================= */ body.theme-dark-hijaubiru { --main-color: #3b82f6; --color: var(--main-color); /* biru utama */ --bg: #020617; --theme: #020617; --secondary-color: rgb(234, 234, 234); --main-color-haf: #1d4ed8cc; /* biru gelap transparan */ --orange: #00FF00; /* accent cyan */ --lg: linear-gradient(180deg, #00FF00, #1d4ed8); --lgr: linear-gradient(90deg, #1d4ed8, #00FF00); --black: #000; --white: #FFF; } /************************************************* * TEMA DARK BIRU * Berlaku kalau *************************************************/ body.theme-dark-hijaubiru { /* Warna utama brand */ --main-color: #3b82f6; --main-color-haf: #1d4ed8cc; /* Background utama – gelap tapi masih “hidup” */ --bg: radial-gradient(circle at top, #0b1220, #020617 65%); --theme: #020617; --secondary-color: #111827; /* Accent */ --orange: #00FF00; --lg: linear-gradient(180deg, #00FF00, #1d4ed8); --lgr: linear-gradient(90deg, #1d4ed8, #00FF00); /* Neutral dibalik untuk dark mode */ --white: #f9fafb; --black: #000000; } /* background global */ body.theme-dark-hijaubiru, body.theme-dark-hijaubiru load { background: var(--bg); color: var(--white); } /* teks umum */ body.theme-dark-hijaubiru, body.theme-dark-hijaubiru p, body.theme-dark-hijaubiru span, body.theme-dark-hijaubiru li, body.theme-dark-hijaubiru a { color: var(--white); } body.theme-dark-hijaubiru a:hover { color: var(--orange); } /* ========================================= NAVBAR ATAS (LOGO, MENU) ========================================= */ body.theme-dark-hijaubiru header, body.theme-dark-hijaubiru .header, body.theme-dark-hijaubiru .topbar, body.theme-dark-hijaubiru .navbar, body.theme-dark-hijaubiru nav.navbar { background: #020617 !important; border-bottom: 1px solid rgba(59,130,246,.6) !important; box-shadow: 0 10px 25px rgba(0,0,0,.8) !important; color: #e5e7eb !important; } /* teks / icon / logo */ body.theme-dark-hijaubiru header a, body.theme-dark-hijaubiru header span, body.theme-dark-hijaubiru header i, body.theme-dark-hijaubiru .navbar a, body.theme-dark-hijaubiru .navbar span, body.theme-dark-hijaubiru .navbar i { color: #e5e7eb !important; } body.theme-dark-hijaubiru .navbar a.active, body.theme-dark-hijaubiru .navbar a.active span, body.theme-dark-hijaubiru .navbar a.active i { color: #00FF00 !important; } /* FOOTER */ body.theme-dark-hijaubiru footer, body.theme-dark-hijaubiru .footer { background: #020617 !important; color: var(--white); } /* ============================ BOX KANAN: LOGIN + MIN DEPOSIT ============================ */ body.theme-dark-hijaubiru .sider { background: #020617 !important; border: 1px solid rgba(148, 163, 184, 0.5) !important; border-radius: 16px; box-shadow: 0 14px 40px rgba(0, 0, 0, 0.85); } /* tulisan MINIMAL DEPOSIT/WITHDRAW */ body.theme-dark-hijaubiru .info-cont li span { color: #e5e7eb; } body.theme-dark-hijaubiru .info-cont li b { color: #00FF00; font-weight: 700; } /* tombol Setoran / Penarikan */ body.theme-dark-hijaubiru .info-cont .btn, body.theme-dark-hijaubiru .info-logout .btn { background: var(--lg) !important; border: 1px solid var(--main-color) !important; color: #fff !important; box-shadow: 0 0 14px rgba(59, 130, 246, .5); } /* ============================ TABS PROVIDER: SEMUA / CQ9 / ... ============================ */ body.theme-dark-hijaubiru .subcategory { background-color: #020617 !important; border-radius: 14px; padding: 10px 8px; } /* semua tab (non-aktif) */ body.theme-dark-hijaubiru .subcategory li a { width: 120px; background-color: #020617 !important; color: #e5e7eb !important; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.35); box-shadow: 0 6px 18px rgba(0, 0, 0, .7); font-weight: 500; } /* tab aktif “SEMUA / CQ9” */ body.theme-dark-hijaubiru .subcategory li.active a { background-image: var(--lg) !important; color: #fff !important; border-color: #00FF00 !important; box-shadow: 0 0 18px rgba(56, 189, 248, .75); } /* ============================ GRID GAME CARD ============================ */ body.theme-dark-hijaubiru .game_page .item, body.theme-dark-hijaubiru .game_page .game-item-card { background: #020617 !important; border-radius: 14px; box-shadow: 0 12px 30px rgba(0, 0, 0, .9); } /* nama provider di bawah gambar */ body.theme-dark-hijaubiru .game_page .game-name, body.theme-dark-hijaubiru .game_page .provider-name { color: #e5e7eb !important; } /* ============================ SERVICE BOX (wk-svc3) ============================ */ body.theme-dark-hijaubiru .wk-svc3 { --card: #020617; --track: #0f172a; --text: #f9fafb; --muted: #9ca3af; --gold1: #bfdbfe; --gold2: #00FF00; --fill1: #60a5fa; --fill2: #00FF00; } body.theme-dark-hijaubiru .wk-svc3 .box { box-shadow: 0 12px 30px rgba(0, 0, 0, .85); } /* JUDUL / TEKS UTAMA DI BOX SERVICE (wk-svc3) */ body.theme-dark-hijaubiru .wk-svc3 h3, body.theme-dark-hijaubiru .wk-svc3 .title, body.theme-dark-hijaubiru .wk-svc3 .svc-title { color: #00FF00 !important; } /* ============================ TRANSAKSI LANGSUNG (Dw list) ============================ */ body.theme-dark-hijaubiru .transaction-main { background: #020617; } body.theme-dark-hijaubiru .transaction-cont, body.theme-dark-hijaubiru .transaction-cont ul { background: transparent; } body.theme-dark-hijaubiru .transaction-cont ul li, body.theme-dark-hijaubiru .transaction-cont ul li * { color: #e5e7eb !important; } body.theme-dark-hijaubiru .transaction-cont .trx-name, body.theme-dark-hijaubiru .transaction-cont .trx-user, body.theme-dark-hijaubiru .transaction-cont .trx-id { color: #00FF00 !important; font-weight: 600; } /* ============================ METODE PEMBAYARAN ============================ */ body.theme-dark-hijaubiru .paymethod-wrap { background: radial-gradient(circle at top, #0b1120, #020617); border-radius: 20px; box-shadow: 0 12px 32px rgba(0,0,0,.85); color: #e5e7eb !important; } body.theme-dark-hijaubiru .pay-title, body.theme-dark-hijaubiru .pay-subtitle { color: #00FF00 !important; } body.theme-dark-hijaubiru .pay-card { background: #020617 !important; border: 1px solid rgba(148, 163, 184, 0.35) !important; box-shadow: 0 10px 28px rgba(0, 0, 0, .9); } /* box tiap bank */ body.theme-dark-hijaubiru .paymethod-wrap .bank-box, body.theme-dark-hijaubiru .paymethod-wrap .bank-item { background: #020617 !important; border-radius: 16px !important; border: 1px solid rgba(148,163,184,.35) !important; box-shadow: 0 8px 22px rgba(0,0,0,.8); } body.theme-dark-hijaubiru .paymethod-wrap img { filter: brightness(1.25) drop-shadow(0 0 4px rgba(0,0,0,.7)) !important; max-height: 30px; } body.theme-dark-hijaubiru .paymethod-wrap .bank-box:hover, body.theme-dark-hijaubiru .paymethod-wrap .pay-card:hover, body.theme-dark-hijaubiru .paymethod-wrap .bank-item:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0,0,0,.9); border-color: rgba(191,219,254,.8) !important; transition: all .18s ease-in-out; } /* ============================ PLATFORM TERSEDIA ============================ */ body.theme-dark-hijaubiru .pfl-card { background: #020617 !important; border-radius: 20px; border: 1px solid rgba(59, 130, 246, .55); box-shadow: 0 18px 45px rgba(0, 0, 0, .95); } body.theme-dark-hijaubiru .pfl-heading { color: #00FF00 !important; } body.theme-dark-hijaubiru .pfl-card-title { color: #00FF00 !important; } body.theme-dark-hijaubiru .pfl-logo-list li { background: #020617 !important; border-radius: 16px; border: 1px solid rgba(148, 163, 184, .25); } /* ============================ FORM & INPUT ============================ */ body.theme-dark-hijaubiru input, body.theme-dark-hijaubiru select, body.theme-dark-hijaubiru textarea { background: #020617 !important; border: 1px solid #334155 !important; color: #e5e7eb !important; } body.theme-dark-hijaubiru input::placeholder, body.theme-dark-hijaubiru textarea::placeholder { color: #64748b !important; } /* GARIS / HR */ body.theme-dark-hijaubiru hr, body.theme-dark-hijaubiru .divider, body.theme-dark-hijaubiru .border-top, body.theme-dark-hijaubiru .border-bottom { border-color: rgba(148, 163, 184, .45) !important; } /* ========================================= RUNNING TEXT DI BAWAH HEADER + GENERIC ========================================= */ body.theme-dark-hijaubiru .running-text, body.theme-dark-hijaubiru .rt-wrap, body.theme-dark-hijaubiru .marquee-wrap, body.theme-dark-hijaubiru [class*="running"], body.theme-dark-hijaubiru [class*="marquee"], body.theme-dark-hijaubiru [class*="ticker"] { background: #020617 !important; color: #00FF00 !important; } body.theme-dark-hijaubiru .running-text *, body.theme-dark-hijaubiru .rt-wrap *, body.theme-dark-hijaubiru .marquee-wrap *, body.theme-dark-hijaubiru [class*="running"] *, body.theme-dark-hijaubiru [class*="marquee"] *, body.theme-dark-hijaubiru [class*="ticker"] * { color: #00FF00 !important; text-shadow: 0 0 6px rgba(0, 0, 0, .8); } /* ========================================= SECTION "PLATFORM PENYEDIA" ========================================= */ body.theme-dark-hijaubiru [class*="platform-penyedia"], body.theme-dark-hijaubiru [class*="platform_penyedia"], body.theme-dark-hijaubiru [class*="platform-provider"], body.theme-dark-hijaubiru [class*="provider-platform"] { background: #020617 !important; color: #00FF00 !important; } body.theme-dark-hijaubiru [class*="platform-penyedia"] h1, body.theme-dark-hijaubiru [class*="platform-penyedia"] h2, body.theme-dark-hijaubiru [class*="platform-penyedia"] h3, body.theme-dark-hijaubiru [class*="platform-provider"] h1, body.theme-dark-hijaubiru [class*="platform-provider"] h2, body.theme-dark-hijaubiru [class*="platform-provider"] h3, body.theme-dark-hijaubiru .pfl-heading { color: #00FF00 !important; } /* ========================================= FIX RUNNING TEXT (notice) ========================================= */ body.theme-dark-hijaubiru notice { background-color: #020617 !important; height: 30px; } body.theme-dark-hijaubiru notice marquee, body.theme-dark-hijaubiru notice marquee a { color: #00FF00 !important; text-shadow: 0 0 6px rgba(0, 0, 0, .9); } body.theme-dark-hijaubiru notice .ico { color: #00FF00 !important; } /* ========================================= BANNER TARUHAN SEPAK BOLA ========================================= */ body.theme-dark-hijaubiru .soccer .swiper { background-image: none !important; background-color: #020617 !important; } body.theme-dark-hijaubiru .soccer .swiper-slide { background-color: rgba(15, 23, 42, 0.85) !important; } body.theme-dark-hijaubiru .soccer .swiper h3, body.theme-dark-hijaubiru .soccer-banner h3, body.theme-dark-hijaubiru .sports-banner h3 { color: #00FF00 !important; } /* ========================================= PLATFORM ENGINE ========================================= */ body.theme-dark-hijaubiru .platform-engine { background: transparent !important; color: #f9fafb !important; } body.theme-dark-hijaubiru .platform-engine h3 { color: #00FF00 !important; } /* GOOGLE LOGIN BUTTON (biarkan default Google) */ .g_id_signin, .g_id_signin * { color: #202124 !important; text-shadow: none !important; font-weight: 600; } /* ========================================= SEMUA TOMBOL SOLID -> hijau-bru ========================================= */ body.theme-dark-hijaubiru .btn:not(.btn-outline-light):not(.btn-outline-secondary), body.theme-dark-hijaubiru button[type="submit"], body.theme-dark-hijaubiru .modal-footer .btn:not(.btn-outline-light):not(.btn-outline-secondary), body.theme-dark-hijaubiru .sport-banner .btn, body.theme-dark-hijaubiru .sports-banner .btn, body.theme-dark-hijaubiru .soccer-banner .btn, body.theme-dark-hijaubiru .btn-danger, body.theme-dark-hijaubiru .btn-primary, body.theme-dark-hijaubiru .btn-login, body.theme-dark-hijaubiru .btn-register, body.theme-dark-hijaubiru .modal .btn { background: var(--lg) !important; border-color: #00FF00 !important; color: #e5e7eb !important; box-shadow: 0 0 16px rgba(59,130,246,.55); } /* ========================================= ICON KATEGORI (SLOTS, CASINO, DLL) RING BIRU BULAT ========================================= */ /* list kategori */ #game-section { display: flex !important; flex-wrap: wrap !important; margin: 8px 0 !important; padding: 0 !important; list-style: none !important; justify-content: center !important; } /* 4 icon per baris */ #game-section > .game-item { width: 25% !important; padding: 6px 4px !important; box-sizing: border-box !important; text-align: center !important; } /* link wrapper */ #game-section > .game-item > a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; text-decoration: none !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; min-height: auto !important; padding: 0 !important; } /* ICON RING BIRU – BESAR & CINCIN */ #game-section > .game-item > a img { width: 82px !important; height: 82px !important; border-radius: 50% !important; background-color: #020617 !important; padding: 4px !important; object-fit: contain !important; display: block !important; } /* paksa border & glow biru meski ada CSS lain */ body.theme-dark-hijaubiru #game-section > .game-item > a img { border: 3px solid #00FF00 !important; box-shadow: 0 0 10px rgba(0,0,0,.8), 0 0 16px rgba(59,130,246,.6) !important; } /* NAMA KATEGORI DI BAWAH RING */ #game-section.classify li.game-item a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; text-decoration: none !important; } #game-section.classify li.game-item a span { display: block !important; position: static !important; margin-top: 6px !important; opacity: 1 !important; visibility: visible !important; text-indent: 0 !important; height: auto !important; overflow: visible !important; background: none !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; text-align: center !important; white-space: nowrap !important; text-shadow: 0 0 5px rgba(0,0,0,.9); } /* teks nama kategori & provider biru */ body.theme-dark-hijaubiru #game-section.classify li.game-item a span, body.theme-dark-hijaubiru .game_page .provider-name, body.theme-dark-hijaubiru .game_page .game-name { color: #00FF00 !important; } /* ========================================= HUBUNGI KAMI – tema hijau ========================================= */ body.theme-dark-hijaubiru .hubungi-kami.theme-blend .hubungi-title .dot { background: radial-gradient(circle at 30% 20%, #bbf7d0, #22c55e); color: #022c22; box-shadow: 0 0 18px rgba(34, 197, 94, .8); } body.theme-dark-hijaubiru .hubungi-kami.theme-blend .hubungi-title h3 { color: #bbf7d0 !important; } /* kotak ikon sosmed */ body.theme-dark-hijaubiru .hubungi-kami.theme-blend .sns-item a { background: linear-gradient(145deg, #020617, #020617) padding-box, linear-gradient(180deg, #4ade80, #22c55e) border-box; border-radius: 18px; border: 1px solid transparent; box-shadow: 0 10px 26px rgba(0, 0, 0, .85); } /* ========================================= PLATFORM TERSEDIA & PLATFORM PENYEDIA – hijau ========================================= */ /* wrapper section */ body.theme-dark-hijaubiru .platform-penyedia, body.theme-dark-hijaubiru .platform-provider, body.theme-dark-hijaubiru .provider-wrap, body.theme-dark-hijaubiru .provider-box { background: #020617 !important; border-radius: 24px; border: 1px solid rgba(34, 197, 94, .7) !important; } /* judul besar */ body.theme-dark-hijaubiru .platform-penyedia h1, body.theme-dark-hijaubiru .platform-penyedia h2, body.theme-dark-hijaubiru .platform-penyedia h3, body.theme-dark-hijaubiru .platform-provider h1, body.theme-dark-hijaubiru .platform-provider h2, body.theme-dark-hijaubiru .platform-provider h3, body.theme-dark-hijaubiru .pfl-heading { color: #22c55e !important; } /* card provider di dalamnya */ body.theme-dark-hijaubiru .pfl-card, body.theme-dark-hijaubiru .pfl-logo-list li { background: #020617 !important; border-radius: 20px; border: 1px solid rgba(22, 163, 74, .55) !important; box-shadow: 0 18px 45px rgba(0, 0, 0, .95); }