:root{--bg: #F7F6FC;--bg-2: #FFFFFF;--surface: #FFFFFF;--surface-2: #F2F0FA;--line: #E4E0F2;--line-soft: #ECE9F6;--text: #2A2545;--muted: #6E688C;--muted-2: #9C97B5;--violet: #6C5BC4;--indigo: #7E62C8;--magenta: #B65BC9;--pink: #C76BCB;--grad: linear-gradient(110deg, #6C5BC4 0%, #9460C6 48%, #C06BCB 100%);--grad-soft: linear-gradient(110deg, rgba(108,91,196,.1), rgba(192,107,203,.1));--ok: #2E9E63;--warn: #C98A1E;--err: #D24B63;--radius: 16px;--radius-sm: 10px;--shadow: 0 18px 44px -22px rgba(108, 91, 196, .4);--shadow-sm: 0 8px 22px -14px rgba(108, 91, 196, .35);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(640px circle at 10% 4%,rgba(108,91,196,.07),transparent 60%),radial-gradient(680px circle at 92% 16%,rgba(192,107,203,.06),transparent 62%)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select{font-family:inherit}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}.page{min-height:100vh;display:flex;flex-direction:column}.page-body{flex:1;padding:40px 0 80px}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f6fcd1;border-bottom:1px solid var(--line-soft)}.nav-inner{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{height:32px;width:auto;filter:drop-shadow(0 3px 10px rgba(182,91,201,.3))}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text .t1{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.13em;color:var(--text)}.brand-text .t2{font-family:var(--font-display);font-weight:600;font-size:9.5px;letter-spacing:.4em;color:var(--magenta);margin-top:2px}.nav-actions{display:flex;align-items:center;gap:14px}.nav-link{color:var(--muted);font-weight:500;font-size:15px;transition:color .15s}.nav-link:hover{color:var(--text)}.balance-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--grad-soft);border:1px solid var(--line);font-weight:600;font-size:14px;color:var(--text)}.balance-chip b{font-family:var(--font-display)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 22px;border-radius:var(--radius-sm);font-weight:600;font-size:15px;transition:transform .12s,box-shadow .2s,opacity .2s;white-space:nowrap}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--grad);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--indigo);background:var(--surface-2)}.btn-outline{background:transparent;color:var(--violet);border:1px solid var(--line)}.btn-outline:hover{border-color:var(--magenta)}.btn-sm{padding:9px 16px;font-size:14px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.hero{position:relative;padding:64px 0 48px;text-align:center}.hero-logo{height:110px;width:auto;margin:0 auto 26px;display:block;filter:drop-shadow(0 10px 30px rgba(182,91,201,.3));animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,5.6vw,56px);line-height:1.06;letter-spacing:-.02em;margin-bottom:18px}.hero h1 .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{font-size:clamp(16px,2.2vw,18px);color:var(--muted);max-width:560px;margin:0 auto 30px}.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero-stats{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin-top:48px;padding-top:34px;border-top:1px solid var(--line-soft)}.stat{text-align:center}.stat .num{font-family:var(--font-display);font-weight:700;font-size:28px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.stat .lbl{font-size:13px;color:var(--muted-2);letter-spacing:.04em;margin-top:4px}.section{padding:48px 0}.section-head{margin-bottom:28px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--magenta);margin-bottom:12px}.eyebrow:before{content:"∞";font-size:16px}.section-head h2{font-family:var(--font-display);font-weight:700;font-size:clamp(25px,4vw,36px);letter-spacing:-.01em}.section-head p{color:var(--muted);margin-top:8px;max-width:560px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.tab{padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px;background:var(--surface);border:1px solid var(--line);color:var(--muted);transition:all .15s}.tab:hover{color:var(--text);border-color:var(--indigo)}.tab.active{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.tab .count{opacity:.7;font-weight:500;margin-left:4px}.svc-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.svc-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:14px;transition:transform .15s,border-color .2s,box-shadow .25s;position:relative;overflow:hidden}.svc-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad);opacity:0;transition:opacity .2s}.svc-card:hover{transform:translateY(-3px);border-color:var(--line);box-shadow:var(--shadow-sm)}.svc-card:hover:before{opacity:1}.svc-cat{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--grad-soft);color:var(--violet);border:1px solid var(--line-soft)}.svc-name{font-weight:600;font-size:15.5px;line-height:1.35;min-height:42px;color:var(--text)}.svc-meta{display:flex;gap:14px;font-size:13px;color:var(--muted-2)}.svc-meta span{display:inline-flex;align-items:center;gap:5px}.svc-foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto}.svc-price{display:flex;flex-direction:column}.svc-price .amt{font-family:var(--font-display);font-weight:700;font-size:21px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.svc-price .per{font-size:11.5px;color:var(--muted-2)}.svc-tags{display:flex;gap:6px}.tag-mini{font-size:10px;font-weight:600;padding:3px 7px;border-radius:6px;background:#2e9e631f;color:var(--ok)}.more-row{display:flex;justify-content:center;margin-top:24px}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm)}.card-pad-lg{padding:36px}.field{margin-bottom:18px}.field label{display:block;font-size:13.5px;font-weight:600;color:var(--muted);margin-bottom:8px}.input,.select{width:100%;padding:13px 15px;border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--line);color:var(--text);font-size:15px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px #7e62c829}.input::placeholder{color:var(--muted-2)}.hint{font-size:12.5px;color:var(--muted-2);margin-top:6px}.presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.preset{padding:7px 13px;border-radius:8px;font-size:13px;font-weight:600;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}.preset:hover{border-color:var(--indigo);color:var(--text)}.alert{padding:13px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:18px}.alert-err{background:#d24b631a;border:1px solid rgba(210,75,99,.25);color:#a8344a}.alert-ok{background:#2e9e631a;border:1px solid rgba(46,158,99,.25);color:#1f7a4a}.alert-info{background:var(--grad-soft);border:1px solid var(--line);color:#5a4f8a}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line-soft);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;padding:14px 16px;background:var(--surface-2);color:var(--muted);font-weight:600;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--line-soft)}td{padding:14px 16px;border-bottom:1px solid var(--line-soft)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-pending{background:#c98a1e1f;color:var(--warn)}.badge-progress{background:#7e62c824;color:var(--indigo)}.badge-completed{background:#2e9e631f;color:var(--ok)}.badge-partial{background:#c98a1e1f;color:var(--warn)}.badge-canceled,.badge-failed{background:#d24b631f;color:var(--err)}.badge-reserving{background:#6e688c1f;color:var(--muted)}.gauge{height:14px;border-radius:999px;background:var(--surface-2);overflow:hidden;border:1px solid var(--line)}.gauge-fill{height:100%;background:var(--grad);border-radius:999px;transition:width .6s ease}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#2a254552;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow);animation:pop .25s cubic-bezier(.2,.9,.3,1.3);position:relative}@keyframes pop{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:none}}.modal-close{position:absolute;top:18px;right:18px;color:var(--muted);font-size:22px;line-height:1}.modal-close:hover{color:var(--text)}.modal-logo{height:46px;margin:0 auto 18px;display:block}.modal h3{font-family:var(--font-display);font-size:22px;text-align:center;margin-bottom:6px}.modal .sub{text-align:center;color:var(--muted);font-size:14px;margin-bottom:24px}.modal-switch{text-align:center;margin-top:18px;font-size:14px;color:var(--muted)}.modal-switch button{color:var(--magenta);font-weight:600}.footer{border-top:1px solid var(--line-soft);padding:34px 0;margin-top:auto}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer .brand img{height:26px}.footer-note{font-size:13px;color:var(--muted-2)}.loading{display:flex;align-items:center;justify-content:center;padding:80px 0;color:var(--muted);gap:12px}.spinner{width:22px;height:22px;border:2.5px solid var(--line);border-top-color:var(--magenta);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty .big{font-size:42px;margin-bottom:14px;opacity:.5}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-box{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.stat-box .v{font-family:var(--font-display);font-weight:700;font-size:26px;margin-top:6px}.stat-box .k{font-size:12.5px;color:var(--muted-2);letter-spacing:.04em}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-2{margin-bottom:16px}.text-muted{color:var(--muted)}.text-mono{font-variant-numeric:tabular-nums}@media(max-width:760px){.grid-2{grid-template-columns:1fr}.hero-stats{gap:28px}.nav-link.hide-sm{display:none}.page-body{padding:24px 0 60px}}.home-head{padding:8px 0 24px}.home-head h1{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,5vw,34px);letter-spacing:-.01em}.home-head p{color:var(--muted);margin-top:8px;max-width:540px;font-size:15px}.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:560px){.platform-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media(min-width:860px){.platform-grid{grid-template-columns:repeat(4,1fr);gap:16px}}.platform-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px 14px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);transition:transform .14s,border-color .2s,box-shadow .22s;text-align:center;min-height:120px}.platform-card:hover,.platform-card:active{transform:translateY(-3px);border-color:var(--line);box-shadow:var(--shadow-sm)}.platform-ico{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--surface-2);border:1px solid var(--line-soft)}.platform-name{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--text);line-height:1.2}.platform-count{font-size:12px;color:var(--muted-2)}.back-link{display:inline-block;color:var(--muted);font-weight:500;font-size:14px;margin:4px 0 18px}.back-link:hover{color:var(--text)}.services-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}.services-ico{width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--surface);border:1px solid var(--line-soft);box-shadow:var(--shadow-sm)}.services-head h1{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,4.5vw,30px)}.services-head p{font-size:14px;margin-top:2px}@media(max-width:440px){.svc-grid{grid-template-columns:1fr}}.ussd-box{padding:4px 0}.ussd-code{background:var(--grad-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;font-size:14px;color:var(--text)}.ussd-code b{font-family:var(--font-display);font-size:17px;letter-spacing:.04em}.profile-card{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-sm);flex-wrap:wrap}.profile-avatar{width:56px;height:56px;flex-shrink:0;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:24px}.profile-info{flex:1;min-width:140px}.profile-email{font-family:var(--font-display);font-weight:600;font-size:17px;color:var(--text);word-break:break-all}.profile-sub{font-size:13px;color:var(--muted-2);margin-top:2px}.nav-mobile{display:none;align-items:center;gap:12px}.burger{width:42px;height:42px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--surface);border:1px solid var(--line)}.burger span{width:20px;height:2px;background:var(--text);border-radius:2px;transition:all .2s}.menu-backdrop{position:fixed;inset:0;z-index:40;background:#2a254540}.mobile-menu{position:absolute;top:100%;left:0;right:0;z-index:45;background:var(--surface);border-bottom:1px solid var(--line-soft);box-shadow:var(--shadow);padding:12px;display:flex;flex-direction:column;gap:4px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.menu-item{text-align:left;padding:14px 16px;border-radius:var(--radius-sm);font-size:16px;font-weight:600;color:var(--text);transition:background .15s}.menu-item:hover,.menu-item:active{background:var(--surface-2)}.menu-item-primary{background:var(--grad);color:#fff;text-align:center}.menu-item-danger{color:var(--err)}@media(max-width:760px){.nav-desktop{display:none}.nav-mobile{display:flex}}