:root{--bg-primary:#0a0b10;--bg-secondary:#121420;--bg-tertiary:#1b1e2f;--bg-card:rgba(23,26,43,.7);--bg-card-hover:rgba(30,34,56,.85);--border-subtle:hsla(0,0%,100%,.08);--border-highlight:rgba(99,102,241,.3);--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,#a855f7 50%,#ec4899);--accent-glow:0 0 25px rgba(99,102,241,.35);--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);line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 15%,rgba(99,102,241,.12) 0,transparent 40%),radial-gradient(circle at 85% 85%,rgba(236,72,153,.08) 0,transparent 40%),radial-gradient(circle at 50% 50%,rgba(6,182,212,.05) 0,transparent 60%);background-attachment:fixed}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none}button,input,select,textarea{outline:none;font-family:inherit}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 20px 40px -15px rgba(0,0,0,.5)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.glow-btn{background:var(--accent-primary);color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;transition:all .25s ease;box-shadow:0 4px 14px rgba(99,102,241,.4)}.glow-btn:hover{background:var(--accent-primary-hover);box-shadow:0 6px 22px rgba(99,102,241,.6);transform:translateY(-1px)}.secondary-btn{background:hsla(0,0%,100%,.05);color:var(--text-primary);border:1px solid var(--border-subtle);padding:12px 24px;border-radius:var(--radius-md);font-weight:600;transition:all .25s ease}.secondary-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.input-field{width:100%;background:rgba(18,20,32,.8);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-info{background:rgba(99,102,241,.15);color:#818cf8;border:1px solid rgba(99,102,241,.3)}:root{--marketing-bg:#fff;--marketing-text:#14172b;--marketing-accent:#5b4dee;--marketing-accent-hover:#4c3fe0;--marketing-border:#e6e8f0}body:has(.marketing-surface),html:has(.marketing-surface){background-color:#fff!important;background-image:none!important;color:#14172b!important}.marketing-surface{background-color:#fff;color:#14172b;min-height:100vh;display:flex;flex-direction:column;--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:rgba(91,77,238,.16);--accent-cyan:#3b82f6;--border-subtle:#e6e8f0;--border-strong:#d5d8e4;--border-active:rgba(91,77,238,.45);--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 rgba(20,23,43,.05);--shadow-hover:0 8px 24px rgba(20,23,43,.08);--shadow-pop:0 16px 48px rgba(20,23,43,.14);--radius-card:14px;--radius-control:8px}.marketing-surface .glass-panel{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:#14172b;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.marketing-surface .glass-panel:hover{border-color:var(--border-strong);box-shadow:var(--shadow-hover)}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:20px;gap:20px;align-items:stretch}@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 a,.topup-banner button{width:100%;justify-content:center}}.btn-primary,.marketing-surface .btn-primary{background:var(--accent-primary,#5b4dee)!important;color:#fff!important;font-weight:600;padding:10px 20px;border-radius:var(--radius-control,8px);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .18s ease;font-size:.875rem;text-decoration:none;box-shadow:0 2px 8px rgba(91,77,238,.25)}.btn-primary:hover,.marketing-surface .btn-primary:hover{background:var(--accent-primary-hover,#4c3fe0)!important;box-shadow:0 4px 14px rgba(91,77,238,.35);color:#fff!important;transform:translateY(-1px)}.btn-secondary,.marketing-surface .btn-secondary{background:#fff!important;color:var(--text-main,#14172b)!important;border:1px solid var(--border-subtle,#e6e8f0)!important;padding:9px 18px;border-radius:var(--radius-control,8px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .18s ease;box-shadow:0 1px 2px rgba(20,23,43,.04)}.btn-secondary:hover,.marketing-surface .btn-secondary:hover{background:var(--bg-inset,#f2f3f8)!important;border-color:var(--border-strong,#d5d8e4)!important;color:var(--text-main,#14172b)!important;transform:translateY(-1px)}.badge-auto{background:var(--accent-tint);color:var(--accent-primary);border:1px solid rgba(91,77,238,.25);border-radius:999px}.badge-auto,.badge-success{padding:3px 10px;font-size:.75rem;font-weight:600}.badge-success{background:var(--green-bg);color:var(--green);border:1px solid rgba(22,163,74,.25);border-radius:999px}.badge-warning{background:var(--amber-bg);color:var(--amber);border:1px solid rgba(180,83,9,.25);padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:5px}.hero-gradient{background-color:#fff!important;background-image:radial-gradient(circle at 50% 0,rgba(91,77,238,.09) 0,#fff 65%)!important}.dark-brand-panel{background:#0a0f2c;color:#fff;border-radius:18px;padding:48px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 20px 48px rgba(10,15,44,.25)}.faq-box{background:#fff;border:1px solid var(--border-subtle);border-radius:12px;padding:20px 24px;margin-bottom:12px;box-shadow:var(--shadow-card)}