:root{--brand: #0B8A5C;--brand-600: #097A4F;--brand-700: #076A46;--brand-050: #E7F4EE;--brand-ink: #063D28;--bg: #F1F5F2;--surface: #FFFFFF;--surface-2: #F7FAF8;--ink: #14211B;--ink-2: #47564E;--ink-3: #71817A;--line: #E4EAE5;--line-2: #D3DED7;--amber: #E39A2E;--amber-bg: #FBF1DD;--amber-ink: #99610A;--danger: #C0392B;--danger-bg: #F8E3E0;--wa: #22B15A;--airtel: #E4002B;--mtn: #FFCC00;--zamtel: #00954C;--r-sm: 10px;--r: 14px;--r-lg: 18px;--r-xl: 24px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(16,40,28,.06);--shadow: 0 6px 20px rgba(16,40,28,.08);--shadow-lg: 0 16px 40px rgba(16,40,28,.14);--shadow-brand: 0 10px 24px rgba(11,138,92,.3);--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1.0625rem;--fs-lg: 1.3125rem;--fs-xl: 1.625rem;--fs-2xl: 2.0625rem;--ease: cubic-bezier(.22,.61,.36,1)}@media(prefers-color-scheme:dark){:root{--brand: #34BC83;--brand-600: #2CA972;--brand-700: #248C5F;--brand-050: #16281F;--brand-ink: #BEE9D4;--bg: #0C120F;--surface: #141C18;--surface-2: #1B2620;--ink: #E9F0EB;--ink-2: #AAB9B0;--ink-3: #7E8E85;--line: rgba(255,255,255,.09);--line-2: rgba(255,255,255,.15);--amber-bg: #2E2412;--amber-ink: #E9B75C;--danger: #E5705F;--danger-bg: #331C19;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 6px 20px rgba(0,0,0,.5);--shadow-lg: 0 16px 40px rgba(0,0,0,.6);--shadow-brand: 0 10px 24px rgba(0,0,0,.5)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Plus Jakarta Sans,Segoe UI,system-ui,-apple-system,Arial,sans-serif;font-size:var(--fs-base);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(60% 40% at 50% -5%,rgba(11,138,92,.14),transparent 70%),radial-gradient(50% 30% at 100% 0%,rgba(227,154,46,.08),transparent 70%);pointer-events:none}.shell{position:relative;z-index:1;max-width:440px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 20px 60px #0a28191a}.shell:has(.wide){max-width:920px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.brand .logo{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,var(--brand),var(--brand-700));box-shadow:var(--shadow-brand)}.brand .logo svg{display:block}.tagline{font-size:var(--fs-xs);font-weight:600;color:var(--ink-3)}.foot{text-align:center;font-size:var(--fs-xs);color:var(--ink-3);padding:18px 16px 24px;border-top:1px solid var(--line)}.foot .pays{display:inline-flex;gap:6px;margin-bottom:8px}.foot .pays span{font-weight:700;font-size:10px;letter-spacing:.02em;padding:3px 8px;border-radius:var(--r-pill);color:#fff}.foot .pays .a{background:var(--airtel)}.foot .pays .m{background:var(--mtn);color:#4a3b00}.foot .pays .z{background:var(--zamtel)}.screen{position:relative;padding:24px 20px 32px;flex:1;display:flex;flex-direction:column}.screen.center{align-items:center;justify-content:center;text-align:center}.screen.wide{padding:24px 22px 40px}h1{font-size:clamp(1.75rem,7vw,var(--fs-2xl));line-height:1.12;letter-spacing:-.03em;font-weight:800;margin:12px 0 8px}h2{font-size:var(--fs-lg);line-height:1.22;letter-spacing:-.02em;font-weight:800;margin:2px 0 6px}.hint{color:var(--ink-2);font-size:var(--fs-base);margin:0 0 18px}.hint.dim{font-size:var(--fs-sm);color:var(--ink-3);margin-top:20px}.error{color:var(--danger);font-size:var(--fs-sm);font-weight:600;background:var(--danger-bg);border-radius:var(--r-sm);padding:9px 12px;margin:12px 0 0}.grad{background:linear-gradient(100deg,var(--brand),var(--brand-600) 60%,var(--amber));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.progress{display:flex;gap:6px;margin-bottom:8px}.progress i{flex:1;height:5px;border-radius:var(--r-pill);background:var(--line-2);transition:background .35s var(--ease)}.progress i.on{background:linear-gradient(90deg,var(--brand),var(--brand-600))}.stepcount{font-size:var(--fs-xs);font-weight:700;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin:0 0 18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:11px}.opt{position:relative;border:1.5px solid var(--line-2);border-radius:var(--r);background:var(--surface);padding:16px 12px;cursor:pointer;text-align:center;font-size:var(--fs-base);font-weight:700;color:var(--ink);font-family:inherit;transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease)}.opt:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow)}.opt:active{transform:translateY(0)}.opt:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.opt .ic{font-size:1.7rem;display:block;margin-bottom:7px;line-height:1}.opt small{display:block;font-weight:500;color:var(--ink-3);font-size:var(--fs-xs);margin-top:3px}.opt.sel{border-color:var(--brand);background:var(--brand-050);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.opt.sel:after{content:"✓";position:absolute;top:8px;inset-inline-end:10px;width:20px;height:20px;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}.opt.row{display:flex;justify-content:space-between;align-items:center;text-align:start;gap:12px;padding:15px 16px}.opt.row:after{top:50%;transform:translateY(-50%)}.pkg,.momo{display:flex;flex-direction:column;gap:11px;margin-bottom:12px}.pkg .opt.row{padding-inline-end:18px}.pkg b{font-size:var(--fs-md);font-weight:800}.pkg small{display:block;font-weight:500;color:var(--ink-3);font-size:var(--fs-xs);margin-top:2px}.price{color:var(--brand);font-weight:800;font-size:var(--fs-lg);white-space:nowrap;letter-spacing:-.02em}.dot{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:.82rem;box-shadow:var(--shadow-sm)}.dot.airtel{background:var(--airtel)}.dot.mtn{background:var(--mtn);color:#4a3b00}.dot.zamtel{background:var(--zamtel)}label{font-size:var(--fs-sm);font-weight:700;color:var(--ink-2);display:block;margin:16px 0 6px}input,textarea,select{width:100%;padding:13px 14px;border:1.5px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);font-size:var(--fs-base);font-family:inherit;transition:border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}input::placeholder,textarea::placeholder{color:var(--ink-3)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}textarea{resize:vertical;min-height:84px}.btn{margin-top:18px;padding:15px 20px;border:none;border-radius:var(--r);background:linear-gradient(150deg,var(--brand),var(--brand-700));color:#fff;font-size:var(--fs-md);font-weight:700;cursor:pointer;width:100%;font-family:inherit;text-align:center;text-decoration:none;display:block;box-shadow:var(--shadow-brand);transition:transform .16s var(--ease),box-shadow .16s var(--ease),filter .16s var(--ease)}.btn:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 14px 30px #0b8a5c5c}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none;filter:none}.btn.lg{padding:17px 22px;font-size:1.1rem}.btn.ghost{background:none;color:var(--ink-2);font-weight:600;padding:11px;margin-top:10px;box-shadow:none}.btn.ghost:hover{background:var(--surface-2);transform:none;filter:none;color:var(--ink)}.btn.wa{background:linear-gradient(150deg,#25D366,var(--wa));box-shadow:0 10px 24px #22b15a52}.btn.wa:hover{box-shadow:0 14px 30px #22b15a66}.btn.small{width:auto;padding:9px 15px;font-size:var(--fs-sm);margin-top:0;display:inline-block;border-radius:var(--r-sm);box-shadow:var(--shadow-sm)}.btn.small.ghost{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line-2)}.btn.danger{background:linear-gradient(150deg,#D24A3A,var(--danger));box-shadow:none}.summary{background:var(--brand-050);border:1px solid color-mix(in srgb,var(--brand) 22%,transparent);border-radius:var(--r);padding:16px 18px;font-size:var(--fs-base);margin-bottom:14px}.summary div{display:flex;justify-content:space-between;padding:5px 0;gap:12px}.summary span{color:var(--ink-2)}.summary b{font-weight:700;text-align:end}.summary .tot{border-top:1px dashed color-mix(in srgb,var(--brand) 35%,transparent);margin-top:8px;padding-top:10px;font-weight:800;font-size:var(--fs-md)}.summary .tot b{color:var(--brand)}.paynum{font-size:1.35rem;letter-spacing:.04em;font-weight:800;font-variant-numeric:tabular-nums;color:var(--brand)}.orderref{font-size:var(--fs-sm);color:var(--ink-3);margin:0 0 4px;font-weight:600}.statusbox{text-align:center;margin:14px 0 18px;padding:22px 16px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line)}.statusbox .ic{font-size:3rem;line-height:1;display:block;margin-bottom:8px}.statusbox h2{margin:0}.stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:16px 0}.stat{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:15px 16px}.stat b{display:block;font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--brand);letter-spacing:-.02em}.stat span{font-size:var(--fs-xs);color:var(--ink-3);font-weight:600}.spinner{margin:40px auto;width:38px;height:38px;border:4px solid var(--line-2);border-top-color:var(--brand);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.landing{padding:0 0 32px}.landing>section{padding:0 20px}.hero{padding:28px 20px 32px;text-align:center;background:radial-gradient(120% 80% at 50% 0%,var(--brand-050),transparent 65%)}.eyebrow{display:inline-block;font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent);padding:5px 12px;border-radius:var(--r-pill);margin-bottom:4px}.hero h1{margin:14px 0 10px}.lede{color:var(--ink-2);font-size:var(--fs-md);line-height:1.5;margin:0 auto 20px;max-width:34ch}.hero .btn{max-width:320px;margin-inline:auto}.pay-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 12px}.chip{font-size:var(--fs-xs);font-weight:700;color:#fff;padding:6px 13px;border-radius:var(--r-pill);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:6px}.chip:before{content:"";width:7px;height:7px;border-radius:50%;background:#ffffffe6}.chip.airtel{background:var(--airtel)}.chip.mtn{background:var(--mtn);color:#4a3b00}.chip.mtn:before{background:#00000059}.chip.zamtel{background:var(--zamtel)}.microtrust{font-size:var(--fs-xs);color:var(--ink-3);font-weight:600;margin:6px 0 0}.sec-title{font-size:var(--fs-xl);text-align:center;margin:0 0 4px;letter-spacing:-.02em}.sec-sub{text-align:center;color:var(--ink-3);font-size:var(--fs-sm);margin:0 0 20px}.section-gap{margin-top:40px}.steps{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.steps li{display:flex;gap:16px;align-items:flex-start;position:relative;padding-bottom:18px}.steps li:not(:last-child):before{content:"";position:absolute;inset-inline-start:17px;top:40px;bottom:4px;width:2px;background:linear-gradient(var(--line-2),transparent)}.steps .num{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--brand-050);color:var(--brand);border:1.5px solid color-mix(in srgb,var(--brand) 30%,transparent);font-weight:800;display:grid;place-items:center;font-size:var(--fs-md);position:relative;z-index:1}.steps b{font-size:var(--fs-md);display:block;margin-bottom:2px;letter-spacing:-.01em}.steps p{margin:0;color:var(--ink-3);font-size:var(--fs-sm);line-height:1.5}.pricecards{display:flex;flex-direction:column;gap:12px;margin:18px 0 16px}.pricecard{border:1.5px solid var(--line-2);border-radius:var(--r-lg);padding:16px 18px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:14px;transition:transform .16s var(--ease),box-shadow .16s var(--ease),border-color .16s var(--ease)}.pricecard:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--brand)}.pricecard.featured{border-color:var(--brand);background:linear-gradient(160deg,var(--brand-050),var(--surface) 70%);box-shadow:var(--shadow)}.pricecard .pc-name{font-weight:800;font-size:var(--fs-md);display:flex;align-items:center;gap:8px}.pricecard .tag{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--brand);padding:3px 8px;border-radius:var(--r-pill)}.pricecard .pc-meta{font-size:var(--fs-xs);color:var(--ink-3);margin-top:3px}.pricecard .pc-price{text-align:end}.pricecard .pc-price b{font-size:var(--fs-xl);color:var(--brand);font-weight:800;letter-spacing:-.02em}.pricecard .pc-price span{display:block;font-size:10px;color:var(--ink-3);font-weight:600}.platforms{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}.platforms .pf{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-sm);font-weight:700;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);padding:8px 14px;border-radius:var(--r-pill)}.trust-row{display:flex;gap:10px;margin:20px 20px 0;padding:14px 16px;background:var(--brand-050);border-radius:var(--r);border:1px solid color-mix(in srgb,var(--brand) 20%,transparent);align-items:center}.trust-row .ic{font-size:1.5rem}.trust-row p{margin:0;font-size:var(--fs-sm);color:var(--ink-2);line-height:1.45}.trust-row b{color:var(--ink)}.cta-final{text-align:center;margin-top:40px;padding:0 20px}.cta-final .btn{max-width:320px;margin-inline:auto}.adminhead{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.adminhead h2{flex:1;margin:0}.adminhead select{width:auto}.ordercard{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin-bottom:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.oc-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.oc-head b{font-size:var(--fs-md);letter-spacing:-.01em}.oc-meta{font-size:var(--fs-xs);color:var(--ink-3);margin-top:6px;line-height:1.5}.oc-promo{font-size:var(--fs-sm);margin:10px 0;color:var(--ink-2);border-inline-start:3px solid var(--line-2);padding-inline-start:12px;font-style:italic}.oc-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.oc-results{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;background:var(--brand-050);border-radius:var(--r-sm);padding:12px 14px;margin:10px 0}.oc-results .inline{margin:0;font-size:var(--fs-xs);text-transform:capitalize}.oc-results input{width:92px;padding:7px 9px}.oc-notes{margin-top:8px;font-size:var(--fs-sm);min-height:0}.badge{font-size:var(--fs-xs);font-weight:700;border-radius:var(--r-pill);padding:4px 11px;background:var(--brand-050);color:var(--brand);white-space:nowrap}.badge.pending_payment{background:var(--amber-bg);color:var(--amber-ink)}.badge.cancelled{background:var(--danger-bg);color:var(--danger)}.hero{position:relative;overflow:hidden;background:#08120f;color:#eaf3ee;padding:34px 20px 30px;border-radius:0 0 28px 28px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask:radial-gradient(120% 85% at 50% 0%,#000 38%,transparent 80%);mask:radial-gradient(120% 85% at 50% 0%,#000 38%,transparent 80%);pointer-events:none}.hero:after{content:"";position:absolute;inset:-50% -25% auto -25%;height:90%;background:radial-gradient(46% 60% at 28% 18%,rgba(52,188,131,.5),transparent 70%),radial-gradient(42% 55% at 82% 8%,rgba(227,154,46,.32),transparent 70%);filter:blur(22px);pointer-events:none}.hero>*{position:relative;z-index:1}.hero h1{color:#fff}.hero .lede{color:#b4c8bd;max-width:32ch}.hero .eyebrow{background:#34bc8329;color:#7fe7b5;border:1px solid rgba(52,188,131,.28)}.hero .microtrust{color:#8ea79a;margin-top:16px}.live-dot{width:7px;height:7px;border-radius:50%;background:#34e39b;display:inline-block;margin-inline-end:7px;vertical-align:middle;animation:livepulse 1.8s infinite}@keyframes livepulse{0%{box-shadow:0 0 #34e39b8c}70%{box-shadow:0 0 0 7px #34e39b00}to{box-shadow:0 0 #34e39b00}}.hero-dash{margin-top:22px;text-align:start;background:linear-gradient(180deg,#ffffff1a,#ffffff09);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:14px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 24px 50px #00000073}.hd-top{display:flex;align-items:center;gap:9px;margin-bottom:13px}.hd-live{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:.09em;color:#34e39b;background:#34e39b26;padding:3px 8px;border-radius:var(--r-pill)}.hd-live i{width:6px;height:6px;border-radius:50%;background:#34e39b;animation:livepulse 1.8s infinite}.hd-name{font-size:12px;font-weight:700;color:#cfe0d6}.hd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.hd-stats b{display:block;font-size:1.3rem;font-weight:800;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.hd-stats span{font-size:10px;color:#98aea3;font-weight:600}.hd-bars{display:flex;align-items:flex-end;gap:6px;height:46px}.hd-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#45e7a4,#0b8a5c);opacity:.9;animation:growbar .7s var(--ease) both;transform-origin:bottom}.hd-bars i:nth-child(1){animation-delay:.05s}.hd-bars i:nth-child(2){animation-delay:.12s}.hd-bars i:nth-child(3){animation-delay:.19s}.hd-bars i:nth-child(4){animation-delay:.26s}.hd-bars i:nth-child(5){animation-delay:.33s}.hd-bars i:nth-child(6){animation-delay:.4s}@keyframes growbar{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:.9}}.hero .pay-badges{margin-top:20px}@media(min-width:700px){.shell:has(main.wide){max-width:920px}.landing .hero h1{font-size:var(--fs-2xl)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}.spinner{animation:spin 1s linear infinite}.hd-bars i{animation:none;transform:none;opacity:.9}}