:root{--bg-primary:#0a0b10;--bg-secondary:#121420;--bg-tertiary:#1b1e2f;--bg-card:#171a2bb3;--bg-card-hover:#1e2238d9;--border-subtle:#ffffff14;--border-highlight:#6366f14d;--border-focus:#6366f1;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-secondary:#06b6d4;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--accent-glow:0 0 25px #6366f159;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 15% 15%,#6366f11f 0%,#0000 40%),radial-gradient(circle at 85% 85%,#ec489914 0%,#0000 40%),radial-gradient(circle,#06b6d40d 0%,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 20px 40px -15px #00000080}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.glow-btn{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);padding:12px 24px;font-weight:600;transition:all .25s;box-shadow:0 4px 14px #6366f166}.glow-btn:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 6px 22px #6366f199}.secondary-btn{color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff0d;padding:12px 24px;font-weight:600;transition:all .25s}.secondary-btn:hover{background:#ffffff1a;border-color:#fff3}.input-field{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#121420cc;padding:12px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f133}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-info{color:#818cf8;background:#6366f126;border:1px solid #6366f14d}
:root{--marketing-bg:#fff;--marketing-text:#14172b;--marketing-accent:#5b4dee;--marketing-accent-hover:#4c3fe0;--marketing-border:#e6e8f0}:is(html:has(.marketing-surface),body:has(.marketing-surface)){color:#14172b!important;background-color:#fff!important;background-image:none!important}.marketing-surface{color:#14172b;--bg-primary:#fff;--bg-surface:#fff;--bg-card:#fff;--bg-inset:#f2f3f8;--bg-navy:#0a0f2c;--bg-navy-2:#0d1233;--accent-primary:#5b4dee;--accent-primary-hover:#4c3fe0;--accent-tint:#eeeffe;--accent-glow:#5b4dee29;--accent-cyan:#3b82f6;--border-subtle:#e6e8f0;--border-strong:#d5d8e4;--border-active:#5b4dee73;--text-main:#14172b;--text-body:#3e4358;--text-muted:#6b7280;--text-faint:#767d92;--green:#16a34a;--green-bg:#e8f7ee;--amber:#b45309;--amber-bg:#fef3e2;--red:#dc2626;--red-bg:#fdeaea;--blue:#2563eb;--blue-bg:#e8effe;--shadow-card:0 1px 3px #14172b0d;--shadow-hover:0 8px 24px #14172b14;--shadow-pop:0 16px 48px #14172b24;--radius-card:14px;--radius-control:8px;background-color:#fff;flex-direction:column;min-height:100vh;display:flex}.marketing-surface .glass-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:#14172b;background:#fff;transition:border-color .18s,box-shadow .18s,transform .18s}.marketing-surface .glass-panel:hover{border-color:var(--border-strong);box-shadow:var(--shadow-hover)}.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}@media (max-width:1100px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.plan-grid{grid-template-columns:minmax(0,1fr)}.topup-banner{flex-direction:column;align-items:stretch!important}.topup-banner button,.topup-banner a{justify-content:center;width:100%}}.btn-primary,.marketing-surface .btn-primary{border-radius:var(--radius-control,8px);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #5b4dee40;background:var(--accent-primary,#5b4dee)!important;color:#fff!important}.btn-primary:hover,.marketing-surface .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #5b4dee59;background:var(--accent-primary-hover,#4c3fe0)!important;color:#fff!important}.btn-secondary,.marketing-surface .btn-secondary{border-radius:var(--radius-control,8px);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #14172b0a;color:var(--text-main,#14172b)!important;border:1px solid var(--border-subtle,#e6e8f0)!important;background:#fff!important}.btn-secondary:hover,.marketing-surface .btn-secondary:hover{transform:translateY(-1px);background:var(--bg-inset,#f2f3f8)!important;border-color:var(--border-strong,#d5d8e4)!important;color:var(--text-main,#14172b)!important}.badge-auto{background:var(--accent-tint);color:var(--accent-primary);border:1px solid #5b4dee40;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.badge-success{background:var(--green-bg);color:var(--green);border:1px solid #16a34a40;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.badge-warning{background:var(--amber-bg);color:var(--amber);border:1px solid #b4530940;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.hero-gradient{background-color:#fff!important;background-image:radial-gradient(circle at 50% 0,#5b4dee17 0%,#fff 65%)!important}.dark-brand-panel{color:#fff;background:#0a0f2c;border:1px solid #ffffff1a;border-radius:18px;padding:48px;box-shadow:0 20px 48px #0a0f2c40}.faq-box{border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);background:#fff;border-radius:12px;margin-bottom:12px;padding:20px 24px}