:root{--surface:#0b1326;--surface-dim:#0b1326;--surface-bright:#31394d;--surface-container-lowest:#060e20;--surface-container-low:#131b2e;--surface-container:#171f33;--surface-container-high:#222a3d;--surface-container-highest:#2d3449;--on-surface:#dae2fd;--on-surface-variant:#c4c7c8;--primary:#fff;--on-primary:#2f3131;--accent:#b4c5ff;--on-accent:#002a78;--error:#ffb4ab;--font-display:"Anton", sans-serif;--font-body:"Hanken Grotesk", sans-serif;--margin-edge:4rem;--section-gap:8rem;--feature-grid-gap:3rem;--container-max:1280px;--radius-sm:.125rem;--radius-default:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--glow-accent:0 0 20px #b4c5ff4d}@media (width<=768px){:root{--margin-edge:1.5rem;--section-gap:4rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--surface);color:var(--on-surface);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;line-height:1.1}a{color:inherit;text-decoration:none;transition:all .3s}ul{list-style:none}.container{max-width:var(--container-max);padding:0 var(--margin-edge);margin:0 auto}.text-accent{color:var(--accent)}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:11px;font-weight:700;display:block}.btn{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-default);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn--sm{padding:.5rem 1rem}.btn--lg{padding:1.25rem 2.5rem;font-size:14px}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover{background:var(--on-surface);transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn--ghost{color:var(--primary);background:0 0;border:1px solid #ffffff4d}.btn--ghost:hover{border-color:var(--primary);background:#ffffff1a}.glass-panel{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);background:#2d344966;border:.5px solid #ffffff1a}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.1em;padding:.25rem 1rem;font-size:10px;font-weight:700;display:inline-block}.badge--accent{color:var(--accent);background:#b4c5ff26;border:1px solid #b4c5ff4d}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot--live{background:#0f8;animation:2s infinite pulse;box-shadow:0 0 10px #0f8}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.topnav{z-index:1000;padding:1.5rem 0;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0}.topnav--scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b1326d9;border-bottom:1px solid #ffffff0d;padding:1rem 0}.topnav__inner{max-width:var(--container-max);padding:0 var(--margin-edge);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.topnav__logo{font-family:var(--font-display);letter-spacing:.05em;color:var(--primary);align-items:center;font-size:1.5rem;display:flex}.topnav__logo span{color:var(--accent)}.topnav__links{align-items:center;gap:2.5rem;display:flex}@media (width<=768px){.topnav__links{display:none}}.topnav__link{opacity:.7;letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;font-weight:500}.topnav__link:hover,.topnav__link--active{opacity:1;color:var(--accent)}.topnav__toggle{color:var(--primary);cursor:pointer;z-index:1001;background:0 0;border:none;display:none}@media (width<=768px){.topnav__toggle{display:block}}.topnav__mobile-drawer{background:var(--surface-container-highest);z-index:999;flex-direction:column;gap:1.5rem;width:80%;max-width:300px;height:100vh;padding:8rem 2rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #00000080}.topnav__mobile-drawer.active{right:0}.topnav__mobile-link{font-family:var(--font-display);text-transform:uppercase;color:var(--on-surface);font-size:1.5rem}.topnav__actions{align-items:center;gap:1rem;display:flex}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:-1;opacity:.6;background-color:#0000;background-image:radial-gradient(circle,#31394d4d 0%,#0b1326 100%),url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1920&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hero__content{z-index:2;max-width:900px;padding:0 var(--margin-edge);position:relative}.hero__title{color:var(--primary);margin:1.5rem 0;font-size:clamp(48px,10vw,120px)}.hero__sub{color:var(--on-surface-variant);max-width:600px;margin:0 auto 3rem;font-size:1.25rem}.hero__cta{justify-content:center;gap:1.5rem;margin-bottom:5rem;display:flex}.hero__stats{border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:3rem;padding-top:3rem;display:flex}.hero__stat{flex-direction:column;display:flex}.hero__stat-num{font-family:var(--font-display);color:var(--primary);font-size:2.5rem}.hero__stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant);font-size:12px}.hero__stat-divider{background:#ffffff1a}@media (width<=768px){.hero__stats{flex-wrap:wrap;gap:1.5rem;padding-top:2rem}.hero__stat-num{font-size:1.75rem}.hero__stat-divider{display:none}}.features{background-image:linear-gradient(#0b1326e6,#0b1326e6),url(/features.png);background-position:50%;background-size:cover;background-attachment:fixed;position:relative}.section{padding:var(--section-gap) 0}.section__header{text-align:center;margin-bottom:5rem}.section__title{color:var(--primary);font-size:clamp(32px,5vw,48px)}.features__grid{gap:var(--feature-grid-gap);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{border-radius:var(--radius-md);background:#ffffff05;border:.5px solid #ffffff0d;padding:3rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:hover{background:#ffffff0a;border-color:#fff3;transform:translateY(-10px)}.feature-card__icon{color:var(--primary);margin-bottom:2rem}.feature-card__icon span{font-size:64px}.feature-card__title{color:var(--primary);margin-bottom:1rem;font-size:1.25rem}.feature-card__desc{color:var(--on-surface-variant);font-size:.95rem}.feature-card--accent{background:#b4c5ff0d;border-color:#b4c5ff1a}.feature-card__icon--accent,.feature-card__title--accent{color:var(--accent)}@media (width<=768px){.section__header{margin-bottom:3rem}.features__grid{gap:1.5rem}.feature-card{padding:2rem 1.5rem}.feature-card__icon span{font-size:48px}}.feature-card__glow{background:var(--accent);filter:blur(60px);opacity:0;width:100px;height:100px;transition:all .4s;position:absolute;bottom:-20%;left:50%;transform:translate(-50%)}.feature-card:hover .feature-card__glow{opacity:.3}.billing-section__grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.billing-section__body{color:var(--on-surface-variant);margin-bottom:3rem;font-size:1.25rem}.billing-section__providers{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.provider-badge{border-radius:4px;padding:.5rem .75rem;font-size:10px;font-weight:900}.provider-badge--mtn{color:#000;background:gold}.provider-badge--airtel{color:#fff;background:red}.provider-label{opacity:.6;font-size:12px;font-weight:700}.provider-icon{opacity:.6;font-size:32px}.billing-card{padding:2rem}.billing-card__header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.tx-item{border-bottom:1px solid #ffffff0d;align-items:center;gap:1rem;padding:1rem 0;display:flex}.tx-item__icon{opacity:.5}.tx-item__info{flex-direction:column;flex-grow:1;display:flex}.tx-item__name{color:var(--primary);font-size:14px;font-weight:600}.tx-item__method{color:var(--on-surface-variant);font-size:11px}.tx-item__amount--success{color:#0f8;font-size:14px;font-weight:700}.billing-card__footer{justify-content:space-between;align-items:center;margin-top:2rem;display:flex}.billing-card__total{font-size:1.5rem;font-family:var(--font-display);color:var(--primary);display:block}.billing-card__shield{color:var(--accent);font-size:32px}.footer{background:var(--surface-container-lowest);border-top:1px solid #ffffff0d;padding:5rem 0}.footer__inner{flex-wrap:wrap;justify-content:space-between;gap:4rem;display:flex}.footer__tagline{color:var(--on-surface-variant);margin-top:1.5rem;font-size:.9rem}.footer__links{flex-wrap:wrap;gap:4rem;display:flex}.footer__col{flex-direction:column;gap:1rem;display:flex}.footer__col-title{text-transform:uppercase;color:var(--primary);margin-bottom:.5rem;font-size:12px;font-weight:700}.footer__link{color:var(--on-surface-variant);font-size:13px}.footer__link:hover{color:var(--primary)}.sidebar{background:var(--surface-container-lowest);z-index:100;border-right:1px solid #ffffff0d;flex-direction:column;width:280px;padding:2rem;display:flex}.sidebar__logo{font-family:var(--font-display);margin-bottom:3rem;font-size:24px}.sidebar__logo span{color:var(--accent)}.sidebar__nav{flex-grow:1}.nav-item{color:var(--on-surface-variant);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem;font-size:14px;font-weight:600;display:flex}.nav-item:hover,.nav-item--active{color:var(--primary);background:#ffffff0d}.nav-item--active{border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0}.dashboard-wrapper{background:var(--surface-container-lowest);min-height:100vh;display:flex}.sidebar{background:var(--surface-container);z-index:100;border-right:1px solid #ffffff0d;flex-direction:column;width:280px;height:100vh;transition:all .3s;display:flex;position:sticky;top:0}@media (width<=992px){.sidebar{position:fixed;left:-280px}.sidebar--open{left:0}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#00000080;position:fixed;inset:0}.dash-main{flex:1;padding:2rem;overflow-y:auto}@media (width<=768px){.dash-main{padding:1.5rem}}.sidebar-toggle{color:var(--on-surface);cursor:pointer;background:0 0;border:none;display:none}@media (width<=992px){.sidebar-toggle{display:block}}@media (width<=768px){.hide-mobile{display:none!important}}.mobile-only-actions{display:none}@media (width<=768px){.mobile-only-actions{display:block}}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=640px){.stats-grid{grid-template-columns:1fr 1fr!important;gap:1rem!important}}.dash-main{background:radial-gradient(circle at top right, #31394d1a 0%, var(--surface) 100%);flex-grow:1;padding:2rem 3rem;overflow-y:auto}.dash-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.user-profile{align-items:center;gap:1rem;display:flex}.avatar{background:var(--surface-container-highest);border:1px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{border-radius:var(--radius-lg);background:#ffffff05;border:1px solid #ffffff0d;padding:1.5rem}.stat-card__label{opacity:.6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:11px;display:block}.stat-card__value{font-family:var(--font-display);color:var(--primary);font-size:1.75rem}.stat-card__trend{margin-top:.5rem;font-size:11px}.trend--up{color:#0f8}.chart-container{border-radius:var(--radius-lg);background:#ffffff03;border:1px solid #ffffff0d;margin-bottom:3rem;padding:2rem}.table-container{border-radius:var(--radius-lg);background:#ffffff03;border:1px solid #ffffff0d;overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;opacity:.5;border-bottom:1px solid #ffffff0d;padding:1.25rem 1.5rem;font-size:11px}td{border-bottom:1px solid #ffffff0d;padding:1.25rem 1.5rem;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.status-pill{border-radius:var(--radius-full);text-transform:uppercase;padding:.25rem .75rem;font-size:10px;font-weight:700}.status-pill--active{color:#0f8;background:#00ff881a}.portal-container{background-image:linear-gradient(#0b1326cc,#0b1326cc),url(/portal_access.png);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.portal-card{text-align:center;width:100%;max-width:400px;padding:3rem}.portal-logo{font-family:var(--font-display);margin-bottom:2rem;font-size:32px}.portal-logo span{color:var(--accent)}.portal-tabs{border-radius:var(--radius-md);background:#ffffff0d;margin-bottom:2rem;padding:.25rem;display:flex}.portal-tab{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:var(--radius-sm);color:var(--on-surface-variant);flex:1;padding:.75rem;font-size:11px;font-weight:700;transition:all .3s}.portal-tab--active{background:var(--surface-container-highest);color:var(--primary);box-shadow:0 4px 10px #0003}.input-group{text-align:left;margin-bottom:1.5rem}.input-group label{text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-bottom:.5rem;font-size:11px;display:block}.input-field{color:#fff;width:100%;font-family:var(--font-body);border-radius:var(--radius-default);background:#0003;border:1px solid #ffffff1a;outline:none;padding:1rem;transition:all .3s}.input-field:focus{border-color:var(--accent);background:#0006}.social-btns{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.social-btn{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.social-btn:hover{background:#ffffff1a;transform:translateY(-3px)}.plans-page{background-image:linear-gradient(#0b1326e6,#0b1326e6),url(/features.png);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:5rem;display:grid}.plan-card{flex-direction:column;padding:3rem;display:flex;position:relative;overflow:hidden}.plan-card--featured{border:1px solid var(--accent);background:#b4c5ff0d}.plan-header{margin-bottom:2rem}.plan-name{color:var(--primary);margin-bottom:.5rem;font-size:1.5rem}.plan-price{font-family:var(--font-display);color:var(--primary);font-size:3.5rem}.plan-price span{opacity:.5;font-size:1.5rem;font-family:var(--font-body)}.plan-features{flex-grow:1;margin-bottom:3rem}.plan-feature{color:var(--on-surface-variant);align-items:center;gap:1rem;margin-bottom:1.25rem;font-size:14px;display:flex}.plan-feature span{color:var(--accent);font-size:20px}.plan-badge{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-full);text-transform:uppercase;padding:.25rem .75rem;font-size:10px;font-weight:700;position:absolute;top:1.5rem;right:1.5rem}