:root{--ar-purple:#6254e8;--ar-orange:#ff6b00;--ar-border:#dedcd7;--ar-text:#171615;--ar-muted:#77746f;--ar-bg:#fbf8f3}
.ar-widget{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ar-text);box-sizing:border-box}.ar-widget *{box-sizing:border-box}.ar-charge-layout{max-width:980px;margin:34px auto;display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:66px;align-items:start;background:transparent}.ar-widget-heading{margin:0 0 26px}.ar-widget-heading h2{margin:0;font-size:25px;line-height:1.2;font-weight:800}.ar-eyebrow{display:none}.ar-demo-notice{padding:10px 12px;border-radius:10px;background:#fff7df;color:#835c00;font-size:12px}.ar-field-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:8px}.ar-field-head [data-number-complete]{font-size:12px;color:#0b8a58}.ar-label{font-size:13px;color:#55514c;font-weight:600}.ar-phone-field{height:64px;border:2px solid #00a66f;border-radius:17px;background:#fff;box-shadow:0 0 0 4px rgba(0,166,111,.08);display:flex;align-items:center}.ar-phone-field input{width:100%;height:100%;border:0!important;box-shadow:none!important;outline:0!important;background:transparent;text-align:center;font-size:24px;font-weight:650;letter-spacing:7px;padding:0 18px;color:#111}.ar-phone-field input::placeholder{color:#a5a29c;letter-spacing:5px}.ar-detection{min-height:18px;margin:7px 0 14px;font-size:11px;color:#8a857d}.ar-detection.is-known{margin:0;min-height:0}.ar-operator-detected{margin:22px 0 25px;border:2px solid var(--ar-orange);border-radius:17px;background:#fff0df;min-height:78px;padding:13px 18px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center}.ar-op-icon{width:42px;height:42px;border-radius:10px;background:#fff;display:grid;place-items:center;color:var(--ar-orange)}.ar-operator-detected small{display:block;color:#77716b;font-size:12px}.ar-operator-detected strong{display:block;margin-top:2px;color:var(--ar-orange);font-size:15px}.ar-operator-detected button{border:0;background:transparent;color:#6f6961;font-size:12px;cursor:pointer;padding:8px}.ar-operators{border:0;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ar-operator{position:relative;display:flex;justify-content:center;border:1px solid #dfddd9;border-radius:12px;background:#fff;padding:11px;cursor:pointer}.ar-operator input{position:absolute;opacity:0}.ar-operator span{display:flex;flex-direction:column;align-items:center}.ar-operator small{font-size:10px;color:#777}.ar-operator.is-selected{border-color:var(--ar-purple);box-shadow:0 0 0 1px var(--ar-purple)}.ar-section-label{margin:20px 0 9px}.ar-service-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ar-service,.ar-amount{appearance:none;border:1px solid #dfddd9;border-radius:15px;background:#fff;color:#171615;min-height:48px;padding:9px 12px;font-weight:650;cursor:pointer;transition:.15s}.ar-service:hover,.ar-amount:hover{border-color:#a7a1ff}.ar-service.is-selected{background:var(--ar-purple);border-color:var(--ar-purple);color:#fff}.ar-amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ar-amount{font-size:15px}.ar-amount.is-selected{border:2px solid var(--ar-purple);background:#f5f3ff;color:#3229b8}.ar-helper{margin:8px 0 0;font-size:11px;color:#85807a}.ar-error{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#fff0ed;border:1px solid #f3c8bf;color:#a83a28;font-size:12px}.ar-empty{grid-column:1/-1;margin:0;padding:14px;border:1px dashed #ddd7cf;border-radius:12px;color:#8a857d;font-size:12px}.ar-charge-summary{position:sticky;top:28px;border:1px solid #dfddd9;border-radius:25px;background:#fff;padding:27px 24px;box-shadow:0 1px 1px rgba(20,16,10,.02)}.ar-charge-summary h3{margin:0 0 16px;font-size:13px;color:#77736d}.ar-charge-summary>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;font-size:13px}.ar-charge-summary>div span{color:#8a8680}.ar-charge-summary>div strong{font-weight:600;text-align:right}.ar-charge-summary .ar-summary-total{border-top:1px solid #eeeae5;margin-top:8px;padding-top:16px}.ar-summary-total strong{font-size:18px}.ar-primary{width:100%;min-height:56px;border:0;border-radius:30px;background:var(--ar-purple);color:#fff;font-size:16px;font-weight:750;cursor:pointer;margin-top:18px}.ar-primary:disabled{background:#a9a0eb;color:#fff;opacity:.72;cursor:not-allowed}.ar-instant-note{text-align:center;color:#0b8a58;font-size:11px;margin:10px 0 0}.ar-instant-note span{font-size:9px}.ar-widget[data-mode=detector]{display:block;max-width:640px}.ar-widget[data-mode=detector] .ar-charge-main{width:100%}
@media(max-width:820px){.ar-charge-layout{grid-template-columns:1fr;gap:24px;margin:18px auto}.ar-charge-summary{position:static}.ar-service-products{grid-template-columns:1fr}.ar-phone-field input{font-size:20px;letter-spacing:4px}}
@media(max-width:480px){.ar-charge-layout{padding:0 12px}.ar-amount-grid{grid-template-columns:repeat(3,1fr)}.ar-phone-field{height:58px}.ar-phone-field input{font-size:18px;letter-spacing:3px}.ar-charge-summary{padding:20px}}
/* 1.8.1 layout hardening: the recharge form must not inherit narrow legacy page widths. */
.cm-main .cm-recharge-page > .ar-widget.ar-charge-layout,
.cm-recharge-page > .ar-widget.ar-charge-layout,
.ar-widget.ar-charge-layout{width:min(100%,980px)!important;max-width:980px!important;min-width:0!important;}
.ar-widget.ar-charge-layout>.ar-charge-main{min-width:0!important;width:auto!important;}
@media(min-width:821px){.cm-main .cm-recharge-page:has(>.ar-widget.ar-charge-layout){max-width:1180px!important}.ar-widget.ar-charge-layout{grid-template-columns:minmax(520px,1fr) 335px!important;gap:56px!important}}
@media(max-width:820px){.ar-widget.ar-charge-layout{width:100%!important;max-width:680px!important;grid-template-columns:minmax(0,1fr)!important}.ar-widget.ar-charge-layout>.ar-charge-main{width:100%!important}}

/* 1.8.2 full recharge page visual hardening: do not inherit the compact home-card skin. */
.cm-recharge-page>.ar-widget.ar-charge-layout{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;border-radius:0!important;}
.cm-recharge-page .ar-charge-layout .ar-phone-field{height:64px!important;min-height:64px!important;border:2px solid #00a66f!important;border-radius:17px!important;background:#fff!important;box-shadow:0 0 0 4px rgba(0,166,111,.08)!important;padding:0!important;}
.cm-recharge-page .ar-charge-layout .ar-phone-field input{font-size:24px!important;font-weight:650!important;letter-spacing:7px!important;text-align:center!important;padding:0 18px!important;}
.cm-recharge-page .ar-charge-layout .ar-widget-heading h2{font-size:25px!important;line-height:1.2!important;font-weight:800!important;}
@media(max-width:820px){.cm-recharge-page .ar-charge-layout .ar-phone-field input{font-size:20px!important;letter-spacing:4px!important}.cm-recharge-page>.ar-widget.ar-charge-layout{padding:0!important}}

/* 1.8.4: homepage compact form is a separate component, never the full recharge grid. */
.ar-widget-compact{width:100%;max-width:650px;margin:0 auto!important;display:block!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.ar-widget-compact .ar-compact-card{width:100%;background:#fff;border:1px solid #e1ddd7;border-radius:24px;padding:28px;box-shadow:0 8px 24px rgba(37,31,27,.06)}
.ar-widget-compact h2{margin:0 0 20px;font-size:20px;line-height:1.25;font-weight:800;color:#171615}
.ar-compact-label{display:block;margin:0 0 8px;font-size:13px;color:#55514c;font-weight:600}
.ar-compact-phone{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.ar-compact-phone input{width:100%;min-width:0;height:56px;border:1px solid #dedcd7!important;border-radius:28px!important;background:#fff!important;box-shadow:none!important;outline:0!important;padding:0 22px!important;font-size:16px!important;letter-spacing:0!important;text-align:left!important;color:#171615!important}
.ar-compact-phone input:focus{border-color:#6254e8!important;box-shadow:0 0 0 3px rgba(98,84,232,.12)!important}
.ar-compact-submit{height:56px;border:0;border-radius:28px;background:#6254e8;color:#fff;font-weight:750;font-size:14px;padding:0 24px;white-space:nowrap;cursor:pointer}
.ar-compact-submit:disabled{background:#b1a9ee;cursor:not-allowed;opacity:.8}
.ar-compact-status{min-height:18px;margin:7px 5px 0;font-size:11px;color:#77746f}.ar-compact-status.is-valid{color:#0b8a58}.ar-compact-status.is-error{color:#a83a28}
.ar-compact-note{margin:8px 0 0;text-align:center;font-size:11px;color:#0b8a58}.ar-compact-note span{font-size:8px}
@media(max-width:600px){.ar-widget-compact .ar-compact-card{padding:20px;border-radius:20px}.ar-compact-phone{grid-template-columns:1fr}.ar-compact-submit{width:100%}.ar-widget-compact h2{font-size:18px}}
/* 1.8.7 customer identity + long-form recharge guide */
.ar-customer-fields{margin-top:26px;padding-top:2px}.ar-customer-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:650;color:#57514b}.ar-user-icon{font-size:16px;color:#756f69}.ar-name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ar-name-grid label,.ar-email-field{display:block}.ar-name-grid label>span,.ar-email-field>span{display:block;margin:0 0 7px;font-size:12px;color:#77716b}.ar-customer-fields input{width:100%;height:49px;border:1px solid #dfddd9!important;border-radius:15px!important;background:#fff!important;padding:0 15px!important;font:inherit!important;font-size:14px!important;color:#171615!important;outline:0!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}.ar-customer-fields input:focus{border-color:#6254ff!important;box-shadow:0 0 0 3px rgba(98,84,255,.10)!important}.ar-customer-fields input[aria-invalid=true]{border-color:#c94734!important;box-shadow:0 0 0 3px rgba(201,71,52,.08)!important}.ar-email-field{margin-top:20px}.ar-customer-fields .ar-helper{margin:7px 0 0}.ar-recharge-guide{max-width:980px;margin:54px auto 90px;padding-right:350px;color:#34302c}.ar-recharge-guide article{padding:29px 0 0;border-top:1px solid #e6e1da;margin-top:29px}.ar-recharge-guide article:first-child{margin-top:0}.ar-recharge-guide h2{margin:0 0 13px;color:#201868;font-size:22px;line-height:1.35;font-weight:800}.ar-recharge-guide h3{margin:22px 0 7px;color:#29231f;font-size:16px;line-height:1.4;font-weight:750}.ar-recharge-guide p{margin:0 0 11px;font-size:15px;line-height:1.75;color:#4f4943}.ar-recharge-guide .ar-guide-link{font-weight:600;color:#5647dd}.ar-faq{padding-bottom:12px}.ar-topup-button:not(:disabled){box-shadow:0 8px 20px rgba(98,84,255,.18)}
@media(max-width:820px){.ar-name-grid{grid-template-columns:1fr}.ar-recharge-guide{padding:0 14px;margin:38px auto 64px}.ar-recharge-guide h2{font-size:20px}.ar-recharge-guide p{font-size:14px}.ar-email-field{margin-top:16px}}


/* 1.8.9 homepage compact card: match the reference stack and keep CTA visually active. */
.ar-widget-compact{max-width:448px!important}
.ar-widget-compact .ar-compact-card{padding:28px 28px 24px!important;border-radius:24px!important}
.ar-widget-compact h2{margin:0 0 18px!important;font-size:20px!important;line-height:1.25!important}
.ar-widget-compact .ar-compact-label{display:none!important}
.ar-widget-compact .ar-compact-phone{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important}
.ar-widget-compact .ar-compact-phone input{width:100%!important;height:56px!important;border-radius:28px!important;text-align:left!important;padding:0 20px!important;font-size:16px!important}
.ar-widget-compact .ar-compact-submit{display:block!important;width:100%!important;height:56px!important;min-height:56px!important;border-radius:28px!important;margin:0!important;padding:0 22px!important;background:#6254e8!important;color:#fff!important;opacity:1!important;cursor:pointer!important;box-shadow:none!important;font-size:16px!important;font-weight:750!important}
.ar-widget-compact .ar-compact-submit:hover,.ar-widget-compact .ar-compact-submit:focus{background:#5748df!important;color:#fff!important;opacity:1!important}
.ar-widget-compact .ar-compact-submit:disabled{background:#6254e8!important;color:#fff!important;opacity:1!important;cursor:pointer!important}
.ar-widget-compact .ar-compact-status:empty{display:none!important}
.ar-widget-compact .ar-compact-status{margin:8px 4px 0!important;min-height:0!important}
.ar-widget-compact .ar-compact-note{margin:10px 0 0!important}
@media(max-width:600px){.ar-widget-compact{max-width:100%!important}.ar-widget-compact .ar-compact-card{padding:22px 20px!important}.ar-widget-compact h2{font-size:18px!important}}

/* 1.9.0 compact phone recognition states + persistent product matrix. */
.ar-widget-compact .ar-compact-input-wrap{position:relative;width:100%;display:flex;align-items:center}
.ar-widget-compact .ar-compact-input-wrap input{padding-left:48px!important;padding-right:102px!important;border:2px solid #ddd9d4!important;transition:border-color .18s,box-shadow .18s!important}
.ar-widget-compact .ar-compact-phone-icon{position:absolute;left:19px;top:50%;transform:translateY(-50%);z-index:2;color:#8e8a84;font-size:16px;line-height:1;pointer-events:none}
.ar-widget-compact .ar-phone-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:30px;padding:0 11px;border-radius:16px;font-size:11px;line-height:1;font-weight:800;white-space:nowrap;background:#ece9e5;color:#6f6a65}
.ar-widget-compact .ar-compact-input-wrap.is-valid input{border-color:#00a66f!important;box-shadow:0 0 0 4px rgba(0,166,111,.08)!important}
.ar-widget-compact .ar-phone-badge.is-orange{background:#ff7900;color:#fff}
.ar-widget-compact .ar-phone-badge.is-iam{background:#d91f26;color:#fff}
.ar-widget-compact .ar-phone-badge.is-inwi{background:#7d2fa8;color:#fff}
.ar-widget-compact .ar-phone-badge.is-warning{background:#fff1c9;color:#7c5d00}
.ar-widget-compact .ar-phone-badge.is-pending{background:#efede9;color:#77716b}
.ar-widget-compact .ar-phone-badge.is-invalid{background:#ffe1dc;color:#a33728}
.ar-widget-compact .ar-compact-input-wrap.is-warning input{border-color:#d7aa32!important;box-shadow:0 0 0 4px rgba(215,170,50,.08)!important}
.ar-widget-compact .ar-compact-input-wrap.is-invalid input{border-color:#d75b48!important;box-shadow:0 0 0 4px rgba(215,91,72,.08)!important}
.ar-widget-compact .ar-compact-status.is-warning{color:#8b6700}.ar-widget-compact .ar-compact-status.is-pending{color:#77716b}
@media(max-width:420px){.ar-widget-compact .ar-compact-input-wrap input{padding-left:44px!important;padding-right:88px!important}.ar-widget-compact .ar-phone-badge{right:10px;min-width:52px;padding:0 9px;font-size:10px}}