@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&display=swap";:root{--color-primary: #002d62;--color-primary-light: #1a5bc4;--color-accent: #facc15;--color-accent-pink: #ec4899;--color-accent-red: #ef4444;--color-accent-orange: #f97316;--color-accent-lime: #d9f99d;--color-accent-green: #22c55e;--color-accent-cyan: #22d3ee;--color-accent-violet: #a855f7;--color-accent-sky: #60a5fa;--color-dark: #0f172a;--color-light: #f8fafc;--color-white: #ffffff;--gradient-vivid: linear-gradient(135deg, #ef4444 0%, #f97316 14%, #facc15 28%, #22c55e 44%, #22d3ee 60%, #60a5fa 78%, #a855f7 100%);--gradient-warm: linear-gradient(135deg, #ef4444 0%, #fb7185 35%, #f97316 70%, #facc15 100%);--gradient-cool: linear-gradient(135deg, #22c55e 0%, #22d3ee 40%, #60a5fa 72%, #a855f7 100%);--gradient-lime: linear-gradient(135deg, #bef264 0%, #d9f99d 45%, #facc15 100%);--pkg-silver-bg: linear-gradient(135deg, #f1f5f9 0%, #cbd5e1 100%);--pkg-silver-border: #94a3b8;--pkg-silver-text: #475569;--pkg-gold-bg: linear-gradient(135deg, #fef9c3 0%, #facc15 100%);--pkg-gold-border: #eab308;--pkg-gold-text: #854d0e;--pkg-platinum-bg: linear-gradient(135deg, #e0f2fe 0%, #7dd3fc 100%);--pkg-platinum-border: #38bdf8;--pkg-platinum-text: #0284c7;--pkg-premium-bg: linear-gradient(135deg, #1e293b 0%, #020617 100%);--pkg-premium-border: #facc15;--pkg-premium-text: #facc15;--pkg-premium-text-light: #f1f5f9;--font-main: "Outfit", sans-serif;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-premium: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .3)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-main);background-color:var(--color-light);color:var(--color-dark);scroll-behavior:smooth;line-height:1.5;overflow-x:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.text-gradient{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,var(--color-primary-light),var(--color-primary))}.text-gradient-vivid{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:var(--gradient-vivid)}.vivid-border{position:relative}.vivid-border:after{content:"";position:absolute;inset:auto 0 -2px;height:3px;border-radius:9999px;background:var(--gradient-vivid)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;transition:var(--transition-normal);border:none;text-align:center}.btn-primary{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-accent{background:var(--color-accent);color:var(--color-dark);box-shadow:var(--shadow-md)}.btn-accent:hover{background:#fde047;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-vivid{background:var(--gradient-vivid);color:var(--color-white);box-shadow:0 12px 24px #0ea5e92e}.btn-vivid:hover{transform:translateY(-2px);box-shadow:0 18px 30px #a855f73d}.section{padding:3rem 0}.section-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:3rem;color:var(--color-primary)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-light)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:6px;border:3px solid var(--color-light)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}.floating-chat-container[data-astro-cid-44znwch3]{position:fixed;bottom:30px;right:30px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:15px}.chat-bubble-prompt[data-astro-cid-44znwch3]{background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 10px 25px #0000001a;position:fixed;bottom:140px;right:25px;transform-origin:bottom right;animation:floatBubble 4s ease-in-out infinite,bounceIn 1s cubic-bezier(.175,.885,.32,1.275) 2s both;cursor:pointer;border:1px solid #f1f5f9;z-index:10002}.chat-content[data-astro-cid-44znwch3]{display:flex;flex-direction:column}.chat-title[data-astro-cid-44znwch3]{font-weight:700;color:var(--color-primary);font-size:.95rem}.chat-desc[data-astro-cid-44znwch3]{font-size:.8rem;color:#64748b}.chat-tail[data-astro-cid-44znwch3]{position:absolute;bottom:-8px;right:45px;width:16px;height:16px;background:#fff;transform:rotate(45deg);border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9}#animeClickArea[data-astro-cid-44znwch3]{position:fixed;bottom:10px;right:20px;width:80px;height:160px;z-index:10001;cursor:pointer}.chat-window[data-astro-cid-44znwch3]{width:350px;height:500px;background:#fff;border-radius:20px;box-shadow:0 15px 40px #00000026;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2e8f0;transform-origin:bottom right;animation:chatOpen .3s cubic-bezier(.175,.885,.32,1.275);position:fixed;bottom:100px;right:30px;z-index:10001}.chat-header[data-astro-cid-44znwch3]{background:var(--color-primary);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff}.chat-header-info[data-astro-cid-44znwch3]{display:flex;align-items:center;gap:12px}.chat-avatar[data-astro-cid-44znwch3]{width:40px;height:40px;background:#fff;color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.chat-header[data-astro-cid-44znwch3] h4[data-astro-cid-44znwch3]{margin:0;font-size:1.1rem;font-weight:700}.chat-status[data-astro-cid-44znwch3]{font-size:.75rem;display:flex;align-items:center;gap:5px;opacity:.9}.chat-status[data-astro-cid-44znwch3] .dot[data-astro-cid-44znwch3]{width:8px;height:8px;background:#34d399;border-radius:50%}.close-chat[data-astro-cid-44znwch3]{background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer;opacity:.8;transition:opacity .2s}.close-chat[data-astro-cid-44znwch3]:hover{opacity:1}.chat-body[data-astro-cid-44znwch3]{flex:1;padding:20px;background-color:#e5ddd5;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-repeat:repeat;background-size:300px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.message[data-astro-cid-44znwch3]{display:flex;flex-direction:column;max-width:85%;animation:msgIn .3s ease forwards}.message[data-astro-cid-44znwch3].bot{align-self:flex-start}.message[data-astro-cid-44znwch3].user{align-self:flex-end}.msg-content[data-astro-cid-44znwch3]{padding:12px 16px;border-radius:16px;font-size:.9rem;line-height:1.5}.bot[data-astro-cid-44znwch3] .msg-content[data-astro-cid-44znwch3]{background:#fff;color:#334155;border-bottom-left-radius:4px;box-shadow:0 2px 5px #00000005;border:1px solid #e2e8f0}.user[data-astro-cid-44znwch3] .msg-content[data-astro-cid-44znwch3]{background:#dcf8c6;color:#334155;border-bottom-right-radius:4px;box-shadow:0 2px 5px #00000005;border:1px solid #e2e8f0}.chat-input-area[data-astro-cid-44znwch3]{padding:15px;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:10px}.chat-input-area[data-astro-cid-44znwch3] input[data-astro-cid-44znwch3]{flex:1;padding:12px 15px;border:1px solid #cbd5e1;border-radius:20px;outline:none;font-size:.9rem;transition:border .2s}.chat-input-area[data-astro-cid-44znwch3] input[data-astro-cid-44znwch3]:focus{border-color:var(--color-primary)}.send-btn[data-astro-cid-44znwch3]{background:var(--color-primary);color:#fff;border:none;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.send-btn[data-astro-cid-44znwch3]:hover{transform:scale(1.05)}.chat-wa-btn[data-astro-cid-44znwch3]{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff!important;padding:10px 20px;border-radius:9999px;text-decoration:none;font-weight:700;font-size:.95rem;margin-top:10px;transition:all .3s ease;box-shadow:0 4px 10px #25d36666;border:2px solid white;width:fit-content}.chat-wa-btn[data-astro-cid-44znwch3]:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 15px #25d36680}.loader-spinner[data-astro-cid-44znwch3]{border:2px solid #e2e8f0;border-top:2px solid var(--color-primary);border-radius:50%;width:14px;height:14px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes floatBubble{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes chatOpen{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes msgIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.chat-window[data-astro-cid-44znwch3]{width:calc(100vw - 40px);height:450px}}.scroll-progress-container{position:fixed;top:0;z-index:99999;width:100%;height:4px;background:transparent}.scroll-progress-bar{height:4px;background:linear-gradient(90deg,#facc15,#10b981);width:0%;border-radius:0 4px 4px 0;box-shadow:0 2px 4px #10b98166}#loading-screen{position:fixed;inset:0;background:#002d62;display:flex;align-items:center;justify-content:center;z-index:999999;transition:opacity .6s ease,visibility .6s ease}#loading-screen.hidden{opacity:0;visibility:hidden}.loader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.loader-logo img{width:90px;height:90px;object-fit:contain;border-radius:50%;background:#fff;padding:10px;box-shadow:0 0 30px #facc1566;animation:pulse-logo 2s ease-in-out infinite}.orbit-container{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12);display:flex;align-items:flex-start;justify-content:center}.orbit-1{width:100%;height:100%;animation:orbit-spin 2.5s linear infinite}.orbit-2{width:68%;height:68%;animation:orbit-spin 1.8s linear infinite reverse}.orbit-3{width:38%;height:38%;animation:orbit-spin 1.2s linear infinite}.dot{width:10px;height:10px;border-radius:50%;margin-top:-5px;box-shadow:0 0 10px currentColor}.dot-blue{background:#1a5bc4;color:#1a5bc4;width:12px;height:12px;margin-top:-6px}.dot-yellow{background:#facc15;color:#facc15}.dot-light{background:#fffc;color:#fff;width:7px;height:7px;margin-top:-3.5px}.center-ring{position:absolute;width:28px;height:28px;border-radius:50%;border:2.5px solid #facc15;box-shadow:0 0 12px #facc1599;animation:ring-pulse 1.5s ease-in-out infinite}.loader-text{color:#ffffffbf;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.5px}.dots-anim{display:inline-block;animation:blink-dots 1.2s steps(3,end) infinite;letter-spacing:2px}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}}@keyframes pulse-logo{0%,to{box-shadow:0 0 20px #facc154d}50%{box-shadow:0 0 40px #facc15b3}}@keyframes blink-dots{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"..."}}.header[data-astro-cid-3ef6ksr2]{position:fixed;top:0;left:0;width:100%;background:#fffffff2;backdrop-filter:blur(10px);z-index:1000;box-shadow:var(--shadow-sm);padding:1rem 0}.header-container[data-astro-cid-3ef6ksr2]{display:flex;justify-content:space-between;align-items:center;position:relative}.logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.75rem;color:var(--color-primary);z-index:1001;text-decoration:none}.brand-logo[data-astro-cid-3ef6ksr2]{width:45px;height:45px;object-fit:contain;border-radius:50%}.logo-text[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column}.logo-title[data-astro-cid-3ef6ksr2]{font-size:1.5rem;font-weight:900;line-height:1;letter-spacing:1px}.logo-subtitle[data-astro-cid-3ef6ksr2]{font-size:.65rem;font-weight:600;letter-spacing:.5px;color:var(--color-dark)}.nav-menu[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:2rem}.nav-menu[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-weight:600;font-size:.95rem;transition:var(--transition-fast);color:var(--color-dark);text-decoration:none}.nav-menu[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:var(--color-primary-light)}.mobile-menu-btn[data-astro-cid-3ef6ksr2]{display:none;background:none;border:none;font-size:1.5rem;color:var(--color-primary);cursor:pointer;z-index:1001}@media (max-width: 768px){.mobile-menu-btn[data-astro-cid-3ef6ksr2]{display:block}.nav-menu[data-astro-cid-3ef6ksr2]{position:absolute;top:100%;left:0;width:100%;background:#fff;flex-direction:column;gap:0;padding:0;box-shadow:0 10px 15px -3px #0000001a;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:all .3s ease-in-out;opacity:0}.nav-menu[data-astro-cid-3ef6ksr2].active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1;padding:1rem 0}.nav-menu[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{width:100%;text-align:center;padding:1rem;border-bottom:1px solid #f1f5f9}.nav-menu[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:last-child{border-bottom:none}}.footer[data-astro-cid-sz7xmlte]{background:#020617;color:#94a3b8;padding-top:4rem}.footer-content[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:3rem}.logo[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:.75rem;color:var(--color-white);margin-bottom:1rem}.brand-logo[data-astro-cid-sz7xmlte]{width:50px;height:50px;object-fit:contain;border-radius:50%;background:#fff;padding:2px}.logo-text[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column}.logo-title[data-astro-cid-sz7xmlte]{font-size:1.5rem;font-weight:900;line-height:1;letter-spacing:1px}.logo-subtitle[data-astro-cid-sz7xmlte]{font-size:.65rem;font-weight:600;letter-spacing:.5px;color:#cbd5e1}.brand-desc[data-astro-cid-sz7xmlte]{font-size:.95rem;line-height:1.6;max-width:300px}.footer[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{color:var(--color-white);font-size:1.1rem;font-weight:700;margin-bottom:1.5rem}.footer[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none;padding:0}.footer[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{margin-bottom:.75rem}.footer[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{transition:var(--transition-fast)}.footer[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--color-accent)}.footer-contact[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:.75rem}.footer-contact[data-astro-cid-sz7xmlte] i[data-astro-cid-sz7xmlte]{color:var(--color-accent)}.footer-bottom[data-astro-cid-sz7xmlte]{border-top:1px solid #1e293b;padding:1.5rem 0;text-align:center;font-size:.85rem}@media (max-width: 768px){.footer-content[data-astro-cid-sz7xmlte]{grid-template-columns:1fr;gap:2rem}}


/* ============================================================
   INARA THEME SYSTEM - ULTIMATE COMPLETE THEME ENGINE
   ============================================================ */

/* 1. LIGHT MODE (DEFAULT PRESET) */
:root, [data-theme="light"] {
  --color-primary: #002d62;
  --color-primary-light: #0284c7;
  --color-accent: #facc15;
  --color-dark: #0f172a;
  --color-light: #f8fafc;
  --color-white: #ffffff;
  
  --bg-page: #ffffff;
  --bg-card: #ffffff;
  --bg-header: rgba(255, 255, 255, 0.96);
  --bg-mobile-menu: #ffffff;
  --border-color: #e2e8f0;
  --text-main: #0f172a;
  --text-muted: #64748b;
  --nav-link-color: #1e293b;
  --nav-border-color: #f1f5f9;

  /* Cek Tagihan */
  --cek-bg: radial-gradient(circle at center, #f0f9ff 0%, #e0f2fe 100%);
  --cek-border: #bae6fd;
  --cek-badge-bg: rgba(2, 132, 199, 0.12);
  --cek-badge-text: #0284c7;
  --cek-title: #0f172a;
  --cek-subtext: #475569;
  --cek-input-bg: #ffffff;
  --cek-input-border: #cbd5e1;
  --cek-input-text: #0f172a;
  --cek-card-bg: #ffffff;
  --cek-card-border: #e2e8f0;
  --cek-box-bg: #f8fafc;
  --cek-box-border: #e2e8f0;
  --cek-box-title: #64748b;
  --cek-box-val: #0f172a;
  --cek-shadow: 0 20px 40px -10px rgba(2, 132, 199, 0.12);

  /* Banners */
  --banner-blue-bg: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  --banner-blue-text: #ffffff;
  --banner-blue-sub: #e0f2fe;

  /* Cards */
  --pricing-card-bg: #ffffff;
  --pricing-card-border: #e2e8f0;
  --pricing-title: #0f172a;
  --pricing-price: #0f172a;
  --pricing-desc: #64748b;
  --pricing-features: #475569;
}

/* 2. DARK MODE PRESET */
[data-theme="dark"] {
  --color-primary: #38bdf8;
  --color-primary-light: #0284c7;
  --color-accent: #facc15;
  --color-dark: #f8fafc;
  --color-light: #0b1120;
  --color-white: #111827;

  --bg-page: #090d16;
  --bg-card: #111827;
  --bg-header: rgba(15, 23, 42, 0.96);
  --bg-mobile-menu: #0f172a;
  --border-color: #1f2937;
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --nav-link-color: #f8fafc;
  --nav-border-color: rgba(255, 255, 255, 0.08);

  /* Cek Tagihan */
  --cek-bg: radial-gradient(circle at center, #0f172a 0%, #090d16 100%);
  --cek-border: rgba(56, 189, 248, 0.25);
  --cek-badge-bg: rgba(2, 132, 199, 0.2);
  --cek-badge-text: #38bdf8;
  --cek-title: #ffffff;
  --cek-subtext: #94a3b8;
  --cek-input-bg: #111827;
  --cek-input-border: #334155;
  --cek-input-text: #ffffff;
  --cek-card-bg: #111827;
  --cek-card-border: #1f2937;
  --cek-box-bg: #0f172a;
  --cek-box-border: #1e293b;
  --cek-box-title: #94a3b8;
  --cek-box-val: #38bdf8;
  --cek-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);

  /* Banners */
  --banner-blue-bg: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  --banner-blue-text: #38bdf8;
  --banner-blue-sub: #cbd5e1;

  /* Cards */
  --pricing-card-bg: #111827;
  --pricing-card-border: #1f2937;
  --pricing-title: #ffffff;
  --pricing-price: #ffffff;
  --pricing-desc: #cbd5e1;
  --pricing-features: #e2e8f0;
}

/* ================= DARK MODE STRICT OVERRIDES ================= */
[data-theme="dark"] body {
  background-color: var(--bg-page) !important;
  color: var(--text-main) !important;
}

[data-theme="dark"] header,
[data-theme="dark"] .header {
  background-color: var(--bg-header) !important;
  border-bottom: 1px solid var(--border-color) !important;
}

/* MOBILE DROPDOWN NAVIGATION IN DARK MODE */
[data-theme="dark"] .nav-menu {
  background: #0f172a !important;
  border-bottom: 1px solid #1e293b !important;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.6) !important;
}
[data-theme="dark"] .nav-menu a:not(.btn-client-area) {
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .nav-menu a:not(.btn-client-area):hover {
  color: #38bdf8 !important;
  background-color: rgba(255, 255, 255, 0.03) !important;
}

/* HEADINGS & TEXTS IN DARK MODE */
[data-theme="dark"] .logo-title,
[data-theme="dark"] .logo-subtitle,
[data-theme="dark"] .hero-title,
[data-theme="dark"] .section-title,
[data-theme="dark"] .info-text h4,
[data-theme="dark"] .contact-heading,
[data-theme="dark"] .feature-title,
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .hero-subtitle,
[data-theme="dark"] .section-subtitle,
[data-theme="dark"] .contact-desc,
[data-theme="dark"] .info-text p,
[data-theme="dark"] .brand-desc,
[data-theme="dark"] .feature-desc {
  color: #cbd5e1 !important;
}

/* SECTION BACKGROUNDS */
[data-theme="dark"] .section.bg-light,
[data-theme="dark"] .bg-light {
  background-color: #0b1120 !important;
}

/* CARDS (FEATURE & INFO) */
[data-theme="dark"] .feature-card,
[data-theme="dark"] .info-item,
[data-theme="dark"] .contact-info,
[data-theme="dark"] .card {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* PRICING CARDS (SILVER, GOLD, PLATINUM, PREMIUM) */
[data-theme="dark"] .pricing-card {
  background: #111827 !important;
  border-color: #1f2937 !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
}
[data-theme="dark"] .pkg-name {
  color: #ffffff !important;
}
[data-theme="dark"] .pkg-desc {
  color: #94a3b8 !important;
}
[data-theme="dark"] .pricing-card .amount {
  color: #ffffff !important;
}
[data-theme="dark"] .pricing-card .currency,
[data-theme="dark"] .pricing-card .period {
  color: #94a3b8 !important;
}
[data-theme="dark"] .pricing-card .features-list li,
[data-theme="dark"] .pricing-card .features-list li span {
  color: #e2e8f0 !important;
}
[data-theme="dark"] .pricing-card .install-label,
[data-theme="dark"] .pricing-card .speed-upto {
  color: #94a3b8 !important;
}

/* BANNER: INTERNET TANPA BATAS */
[data-theme="dark"] .banner {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
}
[data-theme="dark"] .banner-text h3 {
  color: #38bdf8 !important;
}
[data-theme="dark"] .banner-text p {
  color: #cbd5e1 !important;
}

/* CTA BANNER: UCAPKAN SELAMAT TINGGAL PADA INTERNET LEMOT */
[data-theme="dark"] .cta-section {
  border: 1px solid rgba(56, 189, 248, 0.25) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6) !important;
}
[data-theme="dark"] .cta-bg {
  background: linear-gradient(135deg, #0c1527 0%, #030712 100%) !important;
}
[data-theme="dark"] .cta-content h2 {
  color: #38bdf8 !important;
}
[data-theme="dark"] .cta-content p {
  color: #e2e8f0 !important;
}
[data-theme="dark"] .cta-perks span {
  color: #f8fafc !important;
}

/* FOOTER */
[data-theme="dark"] .footer {
  background-color: #060911 !important;
  border-top: 1px solid #1f2937 !important;
}

/* THEME TOGGLE BUTTON */
.theme-toggle-btn {
  background: rgba(2, 132, 199, 0.1);
  border: 1px solid var(--border-color);
  color: var(--text-main);
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.25s ease;
  outline: none;
}
.theme-toggle-btn:hover {
  background: var(--color-primary-light);
  color: #ffffff;
  border-color: var(--color-primary-light);
  transform: scale(1.06);
}

/* CEK TAGIHAN SECTION */
#cektagihan {
  background: var(--cek-bg) !important;
  border-top: 1px solid var(--cek-border) !important;
  border-bottom: 1px solid var(--cek-border) !important;
  transition: all 0.3s ease;
}
#cektagihan .badge-cek {
  background: var(--cek-badge-bg) !important;
  border: 1px solid var(--cek-border) !important;
  color: var(--cek-badge-text) !important;
}
#cektagihan .title-cek {
  color: var(--cek-title) !important;
}
#cektagihan .subtext-cek {
  color: var(--cek-subtext) !important;
}
#cektagihan .search-box-wrap {
  background: var(--cek-input-bg) !important;
  border: 1px solid var(--cek-input-border) !important;
  box-shadow: var(--cek-shadow) !important;
}
#cektagihan .input-field {
  color: var(--cek-input-text) !important;
}
#quickResultBox {
  background: var(--cek-card-bg) !important;
  border: 1px solid var(--cek-card-border) !important;
  box-shadow: var(--cek-shadow) !important;
}
#quickResultBox .res-box {
  background: var(--cek-box-bg) !important;
  border: 1px solid var(--cek-box-border) !important;
}
#quickResultBox .res-box-title {
  color: var(--cek-box-title) !important;
}
#quickResultBox .res-box-val {
  color: var(--cek-box-val) !important;
}