:root{--tu-purple:#5b21b6;--tu-deep:#11183d;--tu-orange:#ff6434;--tu-gold:#f4c84a;--tu-line:#e5e0f5;--tu-muted:#74788e}*{box-sizing:border-box}body.immersive-topup{margin:0;min-width:320px;color:var(--tu-deep);background:radial-gradient(circle at 85% 0,#eee8ff,transparent 34%),#f8f8fc;font-family:Cairo,Arial,sans-serif}.topup-header{position:sticky;z-index:30;top:0;max-width:1440px;min-height:82px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--tu-line);background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}.topup-brand{display:flex;align-items:center;gap:10px;color:var(--tu-deep);text-decoration:none}.topup-brand img{width:48px;height:48px;object-fit:contain}.topup-brand span{display:grid}.topup-brand strong{font-size:22px}.topup-brand strong span{display:inline;color:var(--tu-orange)}.topup-brand small{color:var(--tu-purple);font-size:8px;font-weight:900;letter-spacing:1.6px}.topup-header nav{display:flex;align-items:center;gap:5px}.topup-header nav a{padding:10px 13px;border-radius:12px;color:#54586e;font-size:13px;font-weight:800;text-decoration:none}.topup-header nav a.active,.topup-header nav a:hover{color:var(--tu-purple);background:#f1edff}.topup-page{max-width:1440px;margin:auto;padding:28px 24px 80px}.topup-hero{min-height:390px;padding:54px;display:grid;grid-template-columns:1.5fr .55fr;align-items:center;gap:40px;border-radius:34px;color:#fff;background:linear-gradient(125deg,#10082f,#39148d 58%,#732ee7);box-shadow:0 26px 65px rgba(59,24,134,.24)}.topup-hero>div>small,.topup-form-card header small,.topup-process>small,.topup-list header small{color:#8ff3ea;font-size:11px;font-weight:900;letter-spacing:2px}.topup-hero h1{max-width:780px;margin:12px 0 16px;font-size:clamp(39px,4.7vw,68px);line-height:1.04}.topup-hero p{max-width:700px;color:#ddd5ff;font-size:17px;line-height:1.7}.topup-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.topup-trust span{padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:800}.topup-hero aside{padding:30px;border:1px solid rgba(255,255,255,.2);border-radius:25px;background:rgba(255,255,255,.09)}.topup-hero aside small{color:#aaf5e9;font-weight:900;letter-spacing:1px}.topup-hero aside strong{display:block;margin:10px 0;font-size:43px}.topup-hero aside strong b{font-size:14px}.topup-hero aside p{margin:0;font-size:13px}.topup-workspace{margin-top:26px;display:grid;grid-template-columns:1.45fr .65fr;gap:24px}.topup-form-card,.topup-process,.topup-list,.topup-receipt{padding:30px;border:1px solid var(--tu-line);border-radius:28px;background:#fff;box-shadow:0 16px 45px rgba(32,20,75,.08)}.topup-form-card header{display:flex;align-items:center;gap:16px}.topup-form-card header>small{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--tu-purple),var(--tu-orange));font-size:16px}.topup-form-card h2,.topup-process h2{margin:0;font-size:28px}.topup-form-card header p{margin:4px 0;color:var(--tu-muted)}.topup-form{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.topup-form label,.topup-form fieldset{display:grid;gap:8px;margin:0;padding:0;border:0;color:#32374e;font-weight:800}.topup-form fieldset,.topup-price,.topup-form>button{grid-column:1/-1}.topup-form input,.topup-form select{width:100%;padding:14px;border:1px solid #dcd6f2;border-radius:14px;background:#fff;font:inherit}.topup-amounts{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.topup-amounts button{padding:13px 5px;border:1px solid #ded7f8;border-radius:13px;color:var(--tu-deep);background:#faf9ff;font-weight:900;cursor:pointer}.topup-amounts button.active{border-color:var(--tu-purple);color:#fff;background:linear-gradient(135deg,#7135f5,#5014d9);box-shadow:0 8px 20px rgba(91,33,182,.25)}.topup-price{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-radius:18px;background:#f7f5ff}.topup-price span{display:grid;gap:4px}.topup-price small{color:var(--tu-muted);font-size:11px}.topup-price b{font-size:21px}.topup-price .saving b{color:#14805e}.topup-form>button,.topup-signin a{padding:16px;border:0;border-radius:15px;color:#fff;background:linear-gradient(135deg,#7134f5,#5416da 62%,#ff6434);font:inherit;font-weight:900;text-decoration:none;cursor:pointer}.topup-signin{margin-top:24px;padding:28px;border-radius:20px;background:#f5f1ff}.topup-signin p{margin-bottom:25px;color:var(--tu-muted)}.topup-process{color:#fff;background:linear-gradient(145deg,#111047,#35127f)}.topup-process ol{margin:20px 0 0;padding:0;display:grid;gap:17px;list-style:none}.topup-process li{display:flex;gap:12px}.topup-process li>b{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--tu-gold),var(--tu-orange))}.topup-process li span{display:grid}.topup-process li small{color:#cbc5e4;line-height:1.5}.topup-recent,.topup-list{margin-top:26px}.topup-recent header,.topup-list>header{display:flex;align-items:center;justify-content:space-between}.topup-recent header a,.topup-list header a{padding:11px 15px;border-radius:12px;color:#fff;background:var(--tu-purple);font-weight:900;text-decoration:none}.topup-recent>a,.topup-list>a{margin-top:10px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--tu-line);border-radius:16px;color:var(--tu-deep);background:#fff;text-decoration:none}.topup-recent>a span,.topup-list>a span{display:grid}.topup-recent small,.topup-list small{color:var(--tu-muted)}.topup-recent em,.topup-list em{justify-self:end;padding:5px 9px;border-radius:999px;color:var(--tu-purple);background:#f0ecff;font-size:11px;font-style:normal;font-weight:900}.topup-confirm{position:fixed;z-index:100;inset:0;padding:18px;display:grid;place-items:center;background:rgba(9,6,29,.66);backdrop-filter:blur(8px)}.topup-confirm[hidden]{display:none}.topup-confirm>div{width:min(480px,100%);padding:30px;border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.3)}.topup-confirm dl{display:grid;gap:8px}.topup-confirm dl div{padding:10px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--tu-line)}.topup-confirm footer{display:flex;gap:10px}.topup-confirm button{flex:1;padding:13px;border:0;border-radius:13px;font-weight:900;cursor:pointer}.topup-confirm button:last-child{color:#fff;background:var(--tu-purple)}.topup-receipt{max-width:980px;margin:auto}.topup-receipt>header{display:flex;align-items:center;justify-content:space-between}.topup-receipt>header em,.topup-list em{padding:7px 11px;border-radius:999px;background:#f1edff;font-style:normal;font-weight:900}.topup-reconcile{margin:22px 0;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-radius:20px;background:#f7f5ff}.topup-reconcile span{display:grid}.topup-reconcile small{color:var(--tu-muted)}.topup-success-guide,.topup-wait,.topup-refund{padding:20px;border-radius:20px}.topup-success-guide{display:flex;gap:15px;color:#155f4b;background:#eafbf5}.topup-success-guide>b{font-size:34px}.topup-wait{color:#5b21b6;background:#f1edff}.topup-refund{color:#925100;background:#fff5df}.topup-timeline{margin-top:24px}.topup-timeline article{position:relative;padding:0 0 20px 28px}.topup-timeline article i{position:absolute;left:0;top:5px;width:12px;height:12px;border-radius:50%;background:var(--tu-purple)}[dir=rtl] .topup-timeline article{padding:0 28px 20px 0}[dir=rtl] .topup-timeline article i{right:0;left:auto}.topup-timeline p{margin:3px 0;color:var(--tu-muted)}.topup-coupon{margin-top:24px;padding:25px;border:1px dashed #9c80ee;border-radius:22px;background:linear-gradient(110deg,#f2edff,#fff4e9)}.topup-coupon strong{display:block;color:var(--tu-purple);font-size:25px}.topup-coupon span{color:var(--tu-muted)}.topup-empty{padding:50px;text-align:center;color:var(--tu-muted)}
@media(max-width:900px){.topup-header nav a:nth-child(-n+2){display:none}.topup-hero,.topup-workspace{grid-template-columns:1fr}.topup-hero{padding:35px}.topup-amounts{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.topup-header{position:relative;padding:9px 12px}.topup-brand img{width:40px;height:40px}.topup-brand strong{font-size:18px}.topup-brand small{font-size:6px}.topup-header nav a{padding:8px;font-size:11px}.topup-header nav a:nth-child(-n+4){display:none}.topup-page{padding:12px 12px 55px}.topup-hero{min-height:0;padding:28px 21px;border-radius:24px}.topup-hero h1{font-size:36px}.topup-hero aside{padding:20px}.topup-workspace{gap:14px}.topup-form-card,.topup-process,.topup-list,.topup-receipt{padding:20px 17px;border-radius:22px}.topup-form{grid-template-columns:1fr}.topup-form fieldset,.topup-price,.topup-form>button{grid-column:auto}.topup-price{grid-template-columns:1fr 1fr}.topup-price .saving{grid-column:1/-1}.topup-recent>a,.topup-list>a,.topup-receipt>header{align-items:flex-start;flex-direction:column}.topup-recent em,.topup-list em{justify-self:start}.topup-reconcile{grid-template-columns:1fr}.topup-trust{align-items:flex-start;flex-direction:column}}
html:has(body.immersive-topup),body.immersive-topup{max-width:100%;overflow-x:clip}.immersive-topup .immersive-main,.topup-header,.topup-page{min-width:0;max-width:100%}.topup-header>*{min-width:0}
/* V75: keep labels and state chips legible on handheld screens */
@media(max-width:620px){
  .topup-brand small,.topup-header nav a,.topup-hero>div>small,
  .topup-form-card header small,.topup-process>small,.topup-list header small,
  .topup-price small,.topup-recent em,.topup-list em{font-size:12px!important}
}

/* Direct-entry flow: the home shortcut lands on a usable phone field. */
#recharge{scroll-margin-top:100px}
.immersive-topup>.flash{position:fixed;z-index:90;top:92px;left:50%;max-width:min(560px,calc(100% - 28px));padding:12px 18px;transform:translateX(-50%);border:1px solid #f6c760;border-radius:14px;color:#6f3e00;background:#fff7dd;box-shadow:0 14px 35px rgba(52,31,7,.16);font-size:14px;font-weight:800;text-align:center}
.topup-quick-form{margin-top:24px;display:grid;gap:10px}
.topup-quick-form>label{color:#32374e;font-size:15px;font-weight:900}
.topup-quick-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.topup-quick-form input{width:100%;min-width:0;padding:15px 16px;border:1px solid #dcd6f2;border-radius:15px;color:var(--tu-deep);background:#fff;font:inherit;font-size:18px;font-weight:800;outline:0}
.topup-quick-form input:focus,.topup-form input:focus,.topup-form select:focus{border-color:#7135f5;box-shadow:0 0 0 4px rgba(113,53,245,.13)}
.topup-quick-form button{min-height:54px;padding:13px 22px;border:0;border-radius:15px;color:#fff;background:linear-gradient(135deg,#7134f5,#5416da 62%,#ff6434);font:inherit;font-weight:900;cursor:pointer}
.topup-quick-form>small{color:var(--tu-muted);font-size:13px;line-height:1.55}
.topup-signin.compact{margin-top:18px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.topup-signin.compact a{padding:10px 14px;white-space:nowrap}
@media(max-width:620px){
  #recharge{scroll-margin-top:12px}
  .immersive-topup>.flash{top:64px;font-size:13px}
  .topup-quick-form>div{grid-template-columns:1fr}
  .topup-quick-form input{min-height:52px;font-size:17px}
  .topup-quick-form button{width:100%}
  .topup-signin.compact{align-items:stretch;flex-direction:column}
  .topup-signin.compact a{text-align:center}
}

/* Number recognition and LTT cards: scoped to the 20261010 top-up entry. */
[data-topup-provider-version] .topup-form>label,
[data-topup-provider-version] .topup-phone-help,
[data-topup-provider-version] .topup-provider-status{grid-column:1/-1}
.topup-phone-help{margin:0;color:#625743;font-size:13px;line-height:1.65}
.topup-quick-form>.topup-provider-status,.topup-provider-status{display:grid;grid-template-columns:1fr;gap:5px;padding:15px 17px;border:1px solid #e6dcc4;border-radius:15px;color:#51452d;background:#faf8f2;line-height:1.55}
.topup-provider-status strong{font-size:16px;color:#332713}
.topup-provider-status span{font-size:13px}
.topup-provider-status[data-state=matched]{border-color:#adcbb5;background:#f4faf5}
.topup-provider-status[data-state=warning]{border-color:#d0a45a;background:#fff6e6}
.topup-provider-status[data-state=voucher]{border-color:#cfac65;background:linear-gradient(120deg,#fff9e8,#f4edda)}
.topup-provider-status a{justify-self:start;color:#785209;font-size:14px;font-weight:800;text-underline-offset:3px}
.topup-provider-status a[hidden]{display:none!important}
[data-topup-provider-version] button:disabled{opacity:.52;cursor:not-allowed;box-shadow:none}
[data-topup-provider-version] input[aria-invalid=true]{border-color:#b96532}
.topup-ltt-card{margin-top:26px;padding:30px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:24px;border:1px solid #d8c394;border-radius:26px;background:linear-gradient(115deg,#fffdf7,#f7efd9);box-shadow:0 14px 34px rgba(74,52,11,.06)}
.topup-ltt-icon{width:64px;height:64px;display:grid;place-items:center;border:1px solid #d6b567;border-radius:18px;color:#f8e3a3;background:linear-gradient(135deg,#4b391a,#241e14);font-size:20px;font-weight:900}
.topup-ltt-card>div>small{color:#79591c;font-size:11px;letter-spacing:1px;font-weight:800}
.topup-ltt-card h2{margin:6px 0 10px;color:#302714;font-size:26px}
.topup-ltt-card p{max-width:850px;margin:10px 0;color:#554b39;line-height:1.65}
.topup-ltt-card ol{display:flex;flex-wrap:wrap;gap:10px 32px;margin:18px 0;padding-inline-start:20px;color:#463719;font-size:14px;font-weight:700}
.topup-ltt-card .topup-ltt-note{font-size:13px;color:#6a5d45}
.topup-ltt-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:18px}
.topup-ltt-unavailable{padding:9px 12px;border:1px solid #dfcfaa;border-radius:9px;color:#6d5630;background:#fff9eb;font-size:13px;font-weight:700}
.topup-ltt-actions a{display:inline-block;padding:10px 0;color:#6b4808;font-size:14px;font-weight:800;text-underline-offset:4px}
.topup-ltt-card:target{outline:3px solid #c79b44;outline-offset:3px;scroll-margin-top:100px}
[data-topup-provider-version] [data-confirm-phone]{direction:ltr;unicode-bidi:isolate}
@media(max-width:620px){
 .topup-ltt-card{padding:22px 18px;grid-template-columns:1fr;gap:14px;border-radius:22px}
 .topup-ltt-icon{width:48px;height:48px;border-radius:13px;font-size:17px}
 .topup-ltt-card h2{font-size:24px}
 .topup-ltt-card ol{display:grid;gap:10px}
 .topup-provider-status{padding:13px}
 .topup-confirm>div{max-height:calc(100dvh - 36px);overflow:auto}
 .topup-ltt-card:target{scroll-margin-top:12px}
}