.topup-hero .hero-copy{padding-bottom:45px}.topup-hero h1{max-width:1100px}.method-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1000px;margin:30px auto 0}.method-navigation a{display:flex;align-items:center;gap:13px;padding:19px 17px;background:#ffffff0b;border:1px solid #ffffff30;border-radius:9px;color:#f1ecff;text-decoration:none;font-size:13px;transition:background .2s,transform .2s}.method-navigation a:hover{background:#ffffff18;transform:translateY(-2px)}.method-navigation a>span:last-child{margin-left:auto;color:var(--lime)}.method-navigation svg{width:30px;height:30px;flex-shrink:0;fill:none;stroke:var(--lime);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.topup-intro{padding-block:20px;max-width:1100px;border-bottom:1px solid var(--line)}.topup-intro p{font-size:14px}.topup-section{padding:60px max(56px,calc((100vw - 1440px)/2));border-bottom:1px solid var(--line);scroll-margin-top:110px}.topup-section:nth-child(even){background:#f7f7fc}.topup-heading{text-align:center}.topup-heading h2{font-size:38px;line-height:1.2;max-width:1050px;margin:0 auto 26px}.topup-body{max-width:1100px;margin-inline:auto}.topup-body p{font-size:15px;line-height:1.95}.topup-body strong{color:var(--ink)}.payment-steps{list-style:none;counter-reset:step;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px}.payment-steps li{counter-increment:step;position:relative;padding:19px 0 19px 50px;border-top:1px solid var(--line);font-size:15px;line-height:1.9;color:var(--muted)}.payment-steps li:before{content:counter(step);position:absolute;left:0;top:20px;width:30px;height:30px;display:grid;place-items:center;background:#eee8fb;color:var(--teal);border-radius:8px;font-size:13px;font-weight:700}.payment-steps li:last-child:nth-child(odd){grid-column:1/-1}#bank-transfer{background:#f3f6fc}#fpx .payment-steps{display:block;max-width:950px;margin-inline:auto}#e-wallet{background:#f3f7f0}#e-wallet .payment-steps li:before{background:#e2eddb;color:#375234}#qr-payment{background:#f4f1fb}#before-top-up .topup-body,#through-agent .topup-body,#payment-record .topup-body,#new-payment-details .topup-body{max-width:950px}#bank-transfer .topup-body>p:last-child,#fpx .topup-body>p:last-child,#e-wallet .topup-body>p:last-child,#qr-payment .topup-body>p:last-child{background:#ffffffb5;border-left:3px solid var(--teal);padding:17px 23px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:9px;background:white;margin:25px 0;max-width:100%}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;line-height:1.8}caption{text-align:left;padding:16px 22px;background:#eee9fa;color:var(--teal);font-size:12px;font-weight:600}th,td{padding:17px 22px;border-top:1px solid var(--line);vertical-align:top}thead th{font-size:12px}tbody th{font-weight:600;width:40%}tbody td{color:var(--muted)}#new-payment-details{background:#edf2fa}.topup-body .faq:first-child{border-top:1px solid var(--line)}#top-up-faqs .topup-body{max-width:1000px}
@media(max-width:1150px){.topup-section{padding-inline:32px}.method-navigation{gap:10px}.method-navigation a{padding:16px 12px;gap:9px}}
@media(max-width:900px){.method-navigation{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}.topup-heading h2{font-size:34px}}
@media(max-width:650px){.topup-hero .hero-copy{padding-bottom:32px}.method-navigation{gap:9px;margin-top:24px}.method-navigation a{font-size:11px;padding:15px 10px;gap:8px}.method-navigation svg{width:24px;height:24px}.topup-section{padding:35px 18px}.topup-heading h2{font-size:30px}.topup-body p,.payment-steps li{font-size:14px}.payment-steps{grid-template-columns:minmax(0,1fr)}.payment-steps li{padding-left:43px}th,td{padding:13px 15px}table{font-size:12px}tbody th{width:42%}}
@media(prefers-reduced-motion:reduce){.method-navigation a{transition:none}}