body{--bg1:#171046;--bg2:#0a0720;--glow1:#5b3df066;--glow2:#ff5fa233;--text:#f6f3ff;--muted:#a9a3cf;--card:rgba(255,255,255,.06);--card2:rgba(255,255,255,.11);--line:rgba(255,255,255,.14);--input:#0d0a2b;--panel:#120c36;--panel2:#1a1250;--bar:rgba(20,14,60,.8);--grad:linear-gradient(135deg,#7c5cff,#ff5fa2);--gt:linear-gradient(135deg,#9d86ff,#ff7fb6);--on:#fff;--hl:#ffc857;--glow-btn:#7c5cff55;--ring:#7c5cff;--chip-bg:#7c5cff1f;--chip-bd:#7c5cff88;--chip-tx:#d9d0ff;--ov:rgba(6,3,22,.8);--sh:rgba(0,0,0,.5)}
body[data-theme="mtn"]{--bg1:#fffbe0;--bg2:#ffee94;--glow1:#ffd60077;--glow2:#ffb34744;--text:#2b2200;--muted:#7a6a25;--card:rgba(255,255,255,.72);--card2:#ffffff;--line:rgba(140,100,0,.22);--input:#fffef5;--panel:#fffbe6;--panel2:#fff3b5;--bar:rgba(255,250,215,.9);--grad:linear-gradient(135deg,#ffd500,#ffb000);--gt:linear-gradient(135deg,#e39500,#a85a00);--on:#2b1d00;--hl:#a86a00;--glow-btn:#ffb00066;--ring:#e6a400;--chip-bg:#ffd50033;--chip-bd:#e6a40099;--chip-tx:#6b4a00;--ov:rgba(60,45,0,.45);--sh:rgba(120,90,0,.3)}
body[data-theme="airteltigo"]{--bg1:#0d2a78;--bg2:#050f33;--glow1:#0a63d677;--glow2:#e4002b55;--text:#f4f7ff;--muted:#aebde8;--card:rgba(255,255,255,.07);--card2:rgba(255,255,255,.13);--line:rgba(255,255,255,.16);--input:#06143d;--panel:#081a4d;--panel2:#0d2a78;--bar:rgba(7,22,66,.85);--grad:linear-gradient(135deg,#0a63d6,#e4002b);--gt:linear-gradient(135deg,#6aaeff,#ff5470);--on:#fff;--hl:#ff93a6;--glow-btn:#e4002b55;--ring:#3d8bff;--chip-bg:#3d8bff22;--chip-bd:#3d8bff88;--chip-tx:#d3e3ff;--ov:rgba(2,8,30,.82);--sh:rgba(0,0,0,.55)}
body[data-theme="telecel"]{--bg1:#ffffff;--bg2:#ffd9d9;--glow1:#ff4d4d44;--glow2:#ff000022;--text:#2a0707;--muted:#8a4b4b;--card:rgba(255,255,255,.88);--card2:#ffffff;--line:rgba(200,0,0,.2);--input:#ffffff;--panel:#fff5f5;--panel2:#ffe6e6;--bar:rgba(255,255,255,.92);--grad:linear-gradient(135deg,#e60000,#ff5252);--gt:linear-gradient(135deg,#e60000,#a80000);--on:#fff;--hl:#d40000;--glow-btn:#e6000055;--ring:#e60000;--chip-bg:#e6000014;--chip-bd:#e6000066;--chip-tx:#a30000;--ov:rgba(60,0,0,.5);--sh:rgba(150,0,0,.3)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(900px 500px at 85% -10%,var(--glow1),transparent 60%),radial-gradient(700px 500px at -10% 20%,var(--glow2),transparent 60%),linear-gradient(180deg,var(--bg1),var(--bg2) 60%);background-attachment:fixed;padding-bottom:120px}
button{font-family:inherit}
.top{width:92%;max-width:1100px;margin:auto;height:70px;display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:800;font-size:22px;letter-spacing:-1px;color:var(--text);text-decoration:none}
.logo span{background:var(--gt);-webkit-background-clip:text;background-clip:text;color:transparent}
.pill{font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--line);padding:7px 13px;border-radius:999px;background:var(--card)}
.wrap{width:92%;max-width:1100px;margin:auto;padding:14px 0 40px}
.view[hidden]{display:none}
.page-title{font-size:clamp(34px,6.5vw,60px);letter-spacing:-2.5px;line-height:1.02;margin:6px 0 10px}
.page-title em{font-style:normal;background:var(--gt);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 26px;max-width:560px}
.muted{color:var(--muted)}.small{font-size:13px;line-height:1.6}
/* big dashboard logos */
.big-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:6px 0 28px}
.big-logo{cursor:pointer;color:var(--text);text-align:center;background:var(--card);border:1px solid var(--line);border-radius:30px;padding:26px 20px 20px;transition:.2s}
.big-logo svg{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 22px var(--sh))}
.big-logo span{display:block;margin-top:16px;font-weight:700;font-size:14px;color:var(--muted)}
.big-logo:hover{transform:translateY(-6px);background:var(--card2);box-shadow:0 24px 50px var(--sh)}
.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.action{display:block;text-align:left;width:100%;cursor:pointer;color:var(--text);text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;transition:.2s}
.action:hover{background:var(--card2);transform:translateY(-3px)}
.action i{font-style:normal;font-size:26px;display:block;margin-bottom:12px}
.action b{display:block;font-size:16px;margin-bottom:4px}
.action span{color:var(--muted);font-size:13px;line-height:1.5}
/* offers */
.logo-tabs{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.logo-tab{width:124px;height:72px;padding:0;border:2px solid transparent;border-radius:999px;background:var(--card);cursor:pointer;opacity:.6;transition:.18s;box-shadow:inset 0 0 0 1px var(--line)}
.logo-tab svg{width:100%;height:100%;display:block}
.logo-tab:hover{opacity:.95;transform:translateY(-2px)}
.logo-tab.active{opacity:1;border-color:var(--hl);box-shadow:0 10px 30px var(--glow-btn)}
.bundle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bundle{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;transition:.2s}
.bundle:hover{transform:translateY(-4px);border-color:var(--ring);background:var(--card2)}
.bundle::after{content:"";position:absolute;right:-40px;top:-40px;width:110px;height:110px;border-radius:50%;background:var(--grad);opacity:.2}
.bundle small{color:var(--hl);font-size:11px;letter-spacing:1.5px;font-weight:800}
.bundle h3{font-size:34px;letter-spacing:-1.5px;margin:12px 0 2px}
.bundle p{color:var(--muted);font-size:12px;margin:0}
.buy{display:block;width:100%;text-align:center;border:0;cursor:pointer;background:var(--grad);color:var(--on);padding:12px;border-radius:12px;font-size:13px;font-weight:700;margin-top:20px;box-shadow:0 10px 24px var(--glow-btn);transition:.15s}
.buy:hover{filter:brightness(1.08);transform:scale(1.02)}
/* orders */
.orders{display:grid;gap:14px;max-width:720px}
.order{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px}
.o-top{display:flex;justify-content:space-between;align-items:center}
.o-net{color:var(--hl);font-size:11px;font-weight:800;letter-spacing:1.5px}
.order h3{margin:10px 0 14px;font-size:22px;letter-spacing:-.5px}
.o-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.o-grid small{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}
.o-grid b{font-size:13px;overflow-wrap:anywhere}
.badge{display:inline-block;font-size:11px;font-weight:800;padding:6px 11px;border-radius:999px}
.badge.pending{background:#ff9f0026;color:#d98a00}
.badge.completed{background:#1fb86a26;color:#12a057}
.empty{text-align:center;background:var(--card);border:1px dashed var(--line);border-radius:24px;padding:40px 20px;max-width:720px}
.empty div{font-size:40px}.empty h3{margin:8px 0 4px}.empty .btn{margin-top:14px}
/* profile */
.prof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;align-items:start;max-width:900px}
.card-form{display:grid;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px}
.card-form h3{margin:0;font-size:20px;letter-spacing:-.5px}
.card-form h4{margin:10px 0 0;font-size:18px}
.card-form p{margin:0}
.card-form label{display:grid;gap:7px;font-size:12px;color:var(--muted);font-weight:600}
.card-form input{padding:14px 15px;border-radius:12px;border:1px solid var(--line);background:var(--input);color:var(--text);font:15px Inter,Arial,sans-serif;outline:0;width:100%}
.card-form input:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--glow-btn)}
.btn{display:inline-block;text-decoration:none;text-align:center;border:0;cursor:pointer;background:var(--grad);color:var(--on);font-weight:700;font-size:14px;padding:14px 20px;border-radius:12px;justify-self:start;box-shadow:0 10px 24px var(--glow-btn)}
.btn.ghost{background:transparent;color:var(--chip-tx);border:1px solid var(--chip-bd);box-shadow:none}
.btn:disabled{opacity:.6;cursor:wait}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:5px}
.seg button{border:0;padding:10px;border-radius:10px;background:transparent;color:var(--muted);font-weight:700;font-size:13px;cursor:pointer}
.seg button.on{background:var(--grad);color:var(--on)}
#agentBox{display:grid;gap:14px}
/* task bar */
.taskbar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:50;width:min(520px,94%);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;background:var(--bar);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:26px;box-shadow:0 20px 60px var(--sh)}
.tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:700;border-radius:20px;cursor:pointer;transition:.18s}
.tab svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tab:hover{color:var(--text)}
.tab.active{background:var(--grad);color:var(--on);box-shadow:0 8px 22px var(--glow-btn)}
/* assistant */
.ai-fab{position:fixed;right:16px;bottom:100px;z-index:60;display:flex;align-items:center;gap:7px;border:0;cursor:pointer;color:var(--on);background:var(--grad);padding:9px 15px 9px 11px;border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.2px;box-shadow:0 8px 22px var(--glow-btn),inset 0 0 0 1px #ffffff30;transition:transform .2s ease,box-shadow .2s ease}
.ai-fab:hover{transform:translateY(-2px);box-shadow:0 12px 28px var(--glow-btn),inset 0 0 0 1px #ffffff40}
.ai-fab:active{transform:scale(.96)}
.ai-fab b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffffff30;font-size:11px}
.ai-fab.on{padding:9px 11px}
.ai-fab.on .ai-fl{display:none}
.ai-panel{position:fixed;right:16px;bottom:148px;z-index:70;width:316px;max-width:calc(100vw - 20px);height:432px;max-height:calc(100vh - 176px);display:flex;flex-direction:column;overflow:hidden;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 50px var(--sh),0 0 0 1px #ffffff08;transform-origin:bottom right;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.92);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.9,.3,1.2),visibility 0s linear .22s}
.ai-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.9,.3,1.2),visibility 0s}
.ai-head{display:flex;align-items:center;gap:9px;padding:11px 12px;background:var(--grad);color:var(--on)}
.ai-av{width:30px;height:30px;border-radius:50%;background:#ffffff35;display:grid;place-items:center;font-size:15px;flex:none}
.ai-head div{flex:1;line-height:1.25}
.ai-head b{display:block;font-size:13px}
.ai-head small{opacity:.85;font-size:10px}
.ai-x{width:24px;height:24px;border:0;border-radius:50%;background:#ffffff35;color:var(--on);font-size:16px;cursor:pointer;line-height:1;padding:0;flex:none}
.ai-x:hover{background:#ffffff55}
.ai-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:9px 10px 0;padding:3px;background:var(--card);border-radius:11px}
.ai-tabs button{padding:7px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:700;font-size:11px;cursor:pointer;transition:.15s}
.ai-tabs button.on{background:var(--card2);color:var(--text);box-shadow:0 1px 6px var(--sh)}
.ai-pane{flex:1;min-height:0;display:none;flex-direction:column}
.ai-pane.on{display:flex}
.ai-msgs{flex:1;overflow:auto;padding:11px 10px;display:flex;flex-direction:column;gap:7px;scrollbar-width:thin}
.msg{max-width:88%;padding:8px 11px;border-radius:14px;font-size:12px;line-height:1.5;overflow-wrap:anywhere;animation:aiPop .2s ease}
@keyframes aiPop{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.msg.bot{align-self:flex-start;background:var(--card2);border:1px solid var(--line);border-bottom-left-radius:4px}
.msg.me{align-self:flex-end;background:var(--grad);color:var(--on);border-bottom-right-radius:4px}
.bot-act{display:inline-block;margin:6px 5px 0 0;border:0;cursor:pointer;background:var(--grad);color:var(--on);font-weight:800;font-size:11px;padding:6px 10px;border-radius:9px}
.chips{display:flex;gap:5px;flex-wrap:nowrap;overflow-x:auto;padding:0 10px 8px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips button{flex:none;border:1px solid var(--chip-bd);background:var(--chip-bg);color:var(--chip-tx);font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;cursor:pointer;white-space:nowrap}
.chips button:hover{filter:brightness(1.15)}
.ai-in{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--line)}
.ai-in input{flex:1;min-width:0;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--input);color:var(--text);font:13px Inter,Arial,sans-serif;outline:0}
.ai-in input:focus{border-color:var(--ring)}
.ai-in button{width:34px;height:34px;border:0;border-radius:50%;background:var(--grad);color:var(--on);font-size:13px;cursor:pointer;flex:none}
.human{padding:14px 12px;overflow:auto}
.human h3{margin:0 0 4px;font-size:16px;letter-spacing:-.3px}
.human p{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 12px}
.h-btn{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:13px;padding:9px 10px;margin-bottom:7px;transition:.15s}
.h-btn:hover{background:var(--card2);transform:translateX(2px)}
.h-btn i{font-style:normal;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:14px;flex:none;color:#fff}
.h-btn b{display:block;font-size:12px}
.h-btn span{display:block;color:var(--muted);font-size:11px;margin-top:1px;overflow-wrap:anywhere}
.h-wa i{background:#25d366}.h-call i{background:#4f7cff}.h-mail i{background:#ff5fa2}
/* checkout */
.co-lock{overflow:hidden}
.co-overlay{position:fixed;inset:0;z-index:100;background:var(--ov);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:16px}
.co-overlay.open{display:flex}
.co-modal{position:relative;width:100%;max-width:460px;max-height:94vh;overflow:auto;color:var(--text);background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:26px;padding:28px 26px;box-shadow:0 40px 120px var(--sh)}
.co-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border-radius:50%;border:0;background:var(--card2);color:var(--text);font-size:22px;cursor:pointer;line-height:1}
.co-steps{list-style:none;display:flex;gap:6px;padding:0;margin:0 30px 22px 0;font-size:11px;color:var(--muted)}
.co-steps li{flex:1;display:flex;align-items:center;gap:7px;font-weight:600}
.co-steps span{width:22px;height:22px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:11px;flex:none}
.co-steps .now{color:var(--text)}.co-steps .now span{background:var(--grad);border-color:transparent;color:var(--on)}
.co-steps .done span{background:var(--chip-bg);border-color:var(--chip-bd);color:var(--hl)}
.co-chip{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:20px}
.co-chip small{display:block;color:var(--hl);font-size:10px;letter-spacing:1.5px;font-weight:800}
.co-chip b{font-size:15px}.co-chip strong{color:var(--hl);font-size:19px}
.co-modal h2{margin:0 0 6px;font-size:24px;letter-spacing:-1px}
.co-sub{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 18px}
.co-field{display:grid;gap:7px;margin-bottom:6px}
.co-field span{font-size:12px;color:var(--muted);font-weight:600}
.co-field input{width:100%;padding:15px 16px;font:600 20px Inter,Arial,sans-serif;letter-spacing:1px;background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:13px;outline:0}
.co-field input:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--glow-btn)}
.co-err{min-height:20px;color:#e5484d;font-size:12px;margin:0}
.co-modal .co-err{margin:8px 0}
.co-warn{background:#3a2c0b;border:1px solid #6b5217;color:#ffd37a;font-size:12px;border-radius:10px;padding:10px 12px;margin:0 0 14px;line-height:1.5}
.co-btn{display:block;width:100%;text-align:center;text-decoration:none;border:0;cursor:pointer;background:var(--grad);color:var(--on);font:700 14px Inter,Arial,sans-serif;padding:15px;border-radius:13px;box-shadow:0 10px 26px var(--glow-btn)}
.co-btn:hover{filter:brightness(1.08)}
.co-btn.ghost{background:transparent;color:var(--chip-tx);border:1px solid var(--chip-bd);box-shadow:none}
.co-row{display:grid;grid-template-columns:1fr 2fr;gap:10px}
.co-sum{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:6px 16px;margin:14px 0}
.co-sum div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}
.co-sum div:last-child{border-bottom:0}
.co-sum span{color:var(--muted)}.co-sum b{text-align:right;overflow-wrap:anywhere}
.co-sum .total b{color:var(--hl);font-size:20px}
.co-pay{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:6px}
.co-pay p{margin:0;font-size:12px;color:var(--muted);line-height:1.5}
.co-ps{background:#0ba4db;color:#fff;font-weight:800;font-size:13px;padding:7px 11px;border-radius:8px;flex:none}
.co-fine{text-align:center;color:var(--muted);font-size:11px;margin:12px 0 0}
.co-ok{text-align:center}.co-ok .co-sum{text-align:left}.co-ok .co-btn{margin-top:10px}
.tick{width:64px;height:64px;border-radius:50%;background:var(--chip-bg);border:2px solid var(--hl);color:var(--hl);font-size:32px;display:grid;place-items:center;margin:6px auto 16px}
@media(max-width:900px){.bundle-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.big-logos{grid-template-columns:1fr}.bundle-grid{grid-template-columns:1fr 1fr;gap:12px}.bundle{padding:18px}.bundle h3{font-size:28px}.ai-panel{right:10px;width:min(330px,calc(100vw - 20px));bottom:144px}.ai-fab{right:12px;bottom:96px}}
@media(max-width:480px){.co-modal{padding:24px 18px;border-radius:22px}.co-steps{font-size:10px}.logo-tab{width:104px;height:62px}.tab{font-size:10px}}

.badge.cancelled{background:#e5484d26;color:#e5484d}
.site-banner{position:sticky;top:0;z-index:80;text-align:center;font-size:13px;font-weight:700;padding:10px 14px;background:var(--grad);color:var(--on)}
.site-banner.closed{background:#e5484d;color:#fff}

/* Quiet Data visual system: translucent glass storefront + soft clay account entry */
:root{--quiet-ink:#f7f8ff;--quiet-muted:#a9b0cb;--quiet-lilac:#b9a9ff;--quiet-mint:#9ef0d0;--quiet-pink:#ffb8d1;--quiet-night:#090b18}
body{background:radial-gradient(700px 520px at 10% 0%,#34306d 0%,transparent 60%),radial-gradient(620px 520px at 92% 8%,#3e224d 0%,transparent 58%),linear-gradient(145deg,#0b1020,#17152b 58%,#0b0e1c);color:var(--quiet-ink)}
body.auth-locked{overflow:hidden}
.top{position:relative;z-index:2;height:78px}
.logo{display:flex;align-items:center;gap:8px;letter-spacing:2px;font-size:18px}.logo span:not(.logo-mark){background:linear-gradient(120deg,#fff,var(--quiet-lilac));-webkit-background-clip:text;background-clip:text;color:transparent}.logo-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;color:#111426;background:linear-gradient(145deg,#d6cbff,#8f81dc);box-shadow:inset 2px 2px 4px #fff9,inset -3px -4px 6px #5d55a6,0 8px 16px #0004;font-size:16px}.pill{background:#ffffff0c;border-color:#ffffff1e;backdrop-filter:blur(14px)}
.auth-gate{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:36px 20px;background:#080a16d9;backdrop-filter:blur(28px);overflow:auto;transition:opacity .35s ease,visibility .35s ease}.auth-gate.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.auth-shell{position:relative;width:min(100%,1060px);display:grid;grid-template-columns:1fr minmax(360px,430px);gap:clamp(34px,7vw,96px);align-items:center}.auth-copy{padding:20px 0}.eyebrow{display:block;color:var(--quiet-mint);font-size:10px;font-weight:800;letter-spacing:2.3px}.auth-copy h1{font-size:clamp(50px,7vw,88px);line-height:.93;letter-spacing:-5px;margin:22px 0 22px}.auth-copy h1 em{font-style:normal;color:var(--quiet-lilac)}.auth-copy p{color:var(--quiet-muted);font-size:16px;line-height:1.7;max-width:360px}.auth-proof{display:flex;align-items:center;gap:10px;margin-top:46px;color:#dce0f2;font-size:12px}.proof-dot{width:8px;height:8px;border-radius:50%;background:var(--quiet-mint);box-shadow:0 0 0 6px #9ef0d020,0 0 18px var(--quiet-mint)}.auth-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.orb-one{width:180px;height:180px;left:-35px;top:-70px;background:#9f8fff18}.orb-two{width:260px;height:260px;right:-90px;bottom:-80px;background:#ff9ec218}
.auth-card{position:relative;padding:30px;border-radius:34px;background:linear-gradient(145deg,#e3e4f5,#b8b9d2);color:#24243a;box-shadow:18px 22px 45px #0008,inset 3px 3px 7px #fff,inset -5px -7px 10px #757797;overflow:hidden}.auth-card:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-90px;top:-100px;background:#fff5;box-shadow:inset -10px -14px 22px #7d7f9a44}.clay-symbol{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#c6bbff,#9385dc);box-shadow:inset 2px 2px 4px #fff9,inset -3px -4px 5px #7165af;color:#202039;font-size:22px;margin-bottom:22px}.auth-card-head{position:relative}.auth-card .eyebrow{color:#666883}.auth-card h2{font-size:29px;letter-spacing:-1.4px;margin:8px 0 5px}.auth-card-head p{color:#666883;font-size:13px;margin:0 0 22px}.auth-seg{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:15px;background:#8f91ad55;box-shadow:inset 2px 2px 5px #6b6d8a44;margin-bottom:20px}.auth-seg button{border:0;border-radius:11px;padding:10px;background:transparent;color:#6e708e;font-weight:800;cursor:pointer}.auth-seg button.active{background:#eef0ff;color:#30314d;box-shadow:3px 4px 8px #7b7c994d,inset 1px 1px 2px #fff}.auth-field{display:grid;gap:7px;margin-bottom:13px}.auth-field label{font-size:11px;font-weight:800;color:#5d607d}.auth-field input{width:100%;border:0;border-radius:14px;background:#d4d5e5;color:#25263d;padding:13px 14px;outline:0;box-shadow:inset 3px 3px 6px #8e90ae55,inset -2px -2px 4px #fff8;font:14px Inter,Arial,sans-serif}.auth-field input:focus{box-shadow:inset 2px 2px 5px #8e90ae55,inset -2px -2px 4px #fff8,0 0 0 3px #a99cff99}.auth-error{min-height:17px;margin:4px 0 7px;color:#b3324d;font-size:11px;font-weight:700}.auth-submit,.guest-btn{width:100%;border:0;border-radius:14px;padding:14px;font-weight:800;cursor:pointer}.auth-submit{color:#fff;background:linear-gradient(145deg,#7b6ad4,#51469c);box-shadow:5px 7px 12px #5e609044,inset 2px 2px 3px #fff4,inset -3px -4px 5px #31276e}.auth-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#777a95;font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#888ba955}.guest-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#d0d1e1;color:#3c3e5a;box-shadow:4px 5px 9px #7e809a44,inset 2px 2px 3px #fff,inset -3px -4px 5px #999bb5}.guest-btn span{font-size:18px;color:#7263c5}.guest-btn:hover{transform:translateY(-1px)}.auth-note{text-align:center;color:#777a95;font-size:10px;margin:15px 0 0}
.wrap{position:relative}.view{animation:quietIn .45s ease both}.big-logo,.action,.bundle,.order,.card-form,.empty{background:#ffffff0b;border-color:#ffffff1c;backdrop-filter:blur(18px);box-shadow:inset 1px 1px 0 #ffffff12,0 18px 42px #0002}.taskbar{background:#121528cc;border-color:#ffffff1c}.page-title em{background:linear-gradient(120deg,var(--quiet-lilac),var(--quiet-pink));-webkit-background-clip:text;background-clip:text}.btn,.buy{background:linear-gradient(135deg,#8b78ec,#bd76b4)}
@keyframes quietIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:760px){.auth-gate{align-items:start;padding:34px 18px}.auth-shell{grid-template-columns:1fr;gap:22px;max-width:440px}.auth-copy{padding:4px 8px}.auth-copy h1{font-size:54px;letter-spacing:-3px;margin:12px 0}.auth-copy p{font-size:14px}.auth-proof{margin-top:20px}.auth-card{padding:24px;border-radius:28px}.orb-one{left:50%;top:30px}.orb-two{right:-120px;bottom:20px}}
@media(max-width:480px){.auth-card{padding:22px 18px}.auth-copy h1{font-size:48px}.top{height:68px}.pill{display:none}}

/* Bright white glass mode + network color states */
body{--text:#202638;--muted:#657087;--line:#dfe5ee;--card:#ffffffa8;--card2:#fff;--input:#f7f9fc;--panel:#fff;--panel2:#f5f8fc;--bar:#ffffffd9;--on:#fff;--hl:#5c56b5;--ring:#8b84ed;--glow-btn:#8b84ed33;--chip-bg:#8b84ed14;--chip-bd:#8b84ed55;--chip-tx:#4f4a9c;--sh:#20304a1c;background:radial-gradient(900px 520px at 10% -10%,#e8edff,transparent 60%),radial-gradient(800px 500px at 94% 0%,#fdebf4,transparent 60%),linear-gradient(180deg,#fbfcff,#f2f5fa 78%);background-attachment:fixed}
body[data-theme="mtn"]{--bg1:#fffdf0;--bg2:#fff8d9;--text:#403000;--muted:#786b38;--line:#eadc9d;--card:#fffef0b8;--card2:#fffdf4;--input:#fffdf4;--panel:#fffdf3;--panel2:#fff8d7;--bar:#fffef1e8;--hl:#b87900;--ring:#e3ad18;--grad:linear-gradient(135deg,#f4c400,#ff9f00);--gt:linear-gradient(135deg,#b97800,#e39e00);--glow-btn:#e9aa0033;--chip-bg:#f2c40020;--chip-bd:#d8970066;--chip-tx:#855800;background:radial-gradient(900px 520px at 10% -10%,#fff4b7,transparent 60%),linear-gradient(180deg,#fffef7,#fff9e1 78%)}
body[data-theme="airteltigo"]{--bg1:#f7fbff;--bg2:#edf4ff;--text:#172752;--muted:#607195;--line:#c9d8f0;--card:#ffffffb8;--card2:#fff;--input:#f7fbff;--panel:#fff;--panel2:#edf5ff;--bar:#ffffffea;--hl:#d72a56;--ring:#347fe3;--grad:linear-gradient(135deg,#1476d4,#e12655);--gt:linear-gradient(135deg,#176dca,#d62b58);--glow-btn:#2578d433;--chip-bg:#247be414;--chip-bd:#3789e366;--chip-tx:#1e5d9f;background:radial-gradient(900px 520px at 10% -10%,#dceeff,transparent 60%),linear-gradient(180deg,#fff,#f1f6fd 78%)}
body[data-theme="telecel"]{--bg1:#fffafa;--bg2:#fff0f0;--text:#4c171d;--muted:#906267;--line:#efcdd0;--card:#ffffffb8;--card2:#fff;--input:#fff9f9;--panel:#fff;--panel2:#fff0f0;--bar:#ffffffea;--hl:#d62532;--ring:#ec6b71;--grad:linear-gradient(135deg,#e21d2a,#ff6a67);--gt:linear-gradient(135deg,#cf1c28,#ee5352);--glow-btn:#e31e2e33;--chip-bg:#e31e2e12;--chip-bd:#e31e2e55;--chip-tx:#af242c;background:radial-gradient(900px 520px at 10% -10%,#ffe1e3,transparent 60%),linear-gradient(180deg,#fff,#fff4f4 78%)}
body,body[data-theme="mtn"],body[data-theme="airteltigo"],body[data-theme="telecel"]{color:var(--text)}
.top{height:78px}.brand-logo{width:32px;height:32px;display:block}.logo{gap:9px;color:#202638;letter-spacing:1.5px}.logo>span{font-weight:800;background:none!important;color:#202638!important}.logo>span span{color:var(--hl)!important}.pill{background:#ffffffa8;color:var(--muted);border-color:var(--line);box-shadow:0 8px 22px #4050700c}
.auth-gate{background:#f5f8fce8}.auth-copy{color:#202638}.auth-copy h1{color:#202638}.auth-copy p{color:#657087}.auth-proof{color:#49546b}.auth-card{background:linear-gradient(145deg,#ffffff,#e9edf5);box-shadow:18px 22px 45px #68758c2e,inset 3px 3px 7px #fff,inset -5px -7px 10px #c6ccda}.auth-card:before{background:#fff8}.auth-card-head p{color:#6b7488}.auth-field input{background:#f3f6fa}.auth-submit{background:linear-gradient(145deg,#766bea,#51489f)}
.big-logo,.action,.bundle,.order,.card-form,.empty{background:var(--card);border-color:var(--line);box-shadow:0 14px 34px var(--sh),inset 1px 1px 0 #fff9;backdrop-filter:blur(18px)}.big-logo:hover,.action:hover,.bundle:hover{background:var(--card2);border-color:var(--ring)}.bundle::after{opacity:.14}.taskbar{background:var(--bar);border-color:var(--line);box-shadow:0 18px 45px #4050701c}.tab{color:var(--muted)}.tab.active{background:var(--grad);color:var(--on)}.logo-tab{background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.logo-tab.active{border-color:var(--hl);box-shadow:0 10px 30px var(--glow-btn)}.page-title em{background:var(--gt);-webkit-background-clip:text;background-clip:text}.card-form input,.ai-in input{background:var(--input);border-color:var(--line)}.ai-panel{background:var(--panel);border-color:var(--line);box-shadow:0 18px 50px #4050702b}.ai-head{background:var(--grad)}.co-overlay{background:#24304a55}.co-modal{background:linear-gradient(160deg,var(--panel2),var(--panel));border-color:var(--line);box-shadow:0 40px 120px #40507042}
.clay-symbol{object-fit:cover;padding:0;border-radius:15px}.auth-card .clay-symbol{box-shadow:inset 2px 2px 4px #fff9,inset -3px -4px 5px #7165af}
@media(max-width:760px){.auth-gate{background:#f5f8fcef}}

.co-port{display:flex;align-items:center;gap:9px;margin:2px 0 8px;color:var(--muted);font-size:12px}.co-port input{accent-color:var(--ring);width:15px;height:15px}.co-api-ref{display:inline-block;margin-top:8px;color:var(--hl);font-size:11px;font-weight:800}

.verification-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:8px 0 28px;max-width:900px}.verification-card{display:grid;align-content:start;gap:12px;padding:24px;border-radius:26px;background:var(--card);border:1px solid var(--line);box-shadow:0 14px 34px var(--sh),inset 1px 1px 0 #fff9;backdrop-filter:blur(18px)}.verification-card h2{font-size:23px;letter-spacing:-.8px;margin:0}.verification-card p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.verification-card textarea,.verification-card>input{width:100%;resize:vertical;border:1px solid var(--line);border-radius:14px;background:var(--input);color:var(--text);font:14px Inter,Arial,sans-serif;padding:13px 14px;outline:0}.verification-card textarea:focus,.verification-card>input:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--glow-btn)}.verification-card .btn{justify-self:start}.ported-check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.ported-check input{accent-color:var(--ring)}.verification-message{min-height:17px;font-size:12px!important;font-weight:700}.verification-message.ok{color:#13865a}.verification-message.error{color:#bd304d}@media(max-width:700px){.verification-grid{grid-template-columns:1fr}.verification-card{padding:20px}}
.co-btn:disabled,.btn:disabled{cursor:wait;opacity:.65}

.taskbar{grid-template-columns:repeat(5,1fr)}.order .o-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-card{display:grid;gap:14px;max-width:560px;padding:26px;border-radius:26px;background:var(--card);border:1px solid var(--line);box-shadow:0 14px 34px var(--sh),inset 1px 1px 0 #fff9;backdrop-filter:blur(18px)}.track-card h2{font-size:26px;letter-spacing:-1px;margin:0}.track-card>p{margin:0}.track-card label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.track-card input{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--input);color:var(--text);padding:13px 14px;outline:0;font:14px Inter,Arial,sans-serif}.track-card input:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--glow-btn)}.optional{font-weight:500;font-size:10px}.track-result{display:grid;gap:5px;min-height:18px;font-size:12px;line-height:1.5}.track-result strong{font-size:18px;color:var(--hl)}.track-result.ok{color:#13865a}.track-result.error{color:#bd304d;font-weight:700}
@media(max-width:700px){.taskbar{gap:1px}.tab{padding-left:1px;padding-right:1px}.order .o-grid{grid-template-columns:1fr}.taskbar{width:min(560px,97%)}}