.svc form[hidden]{display:none}.svc-hero{padding:0}.svc-hero h1{color:var(--navy);letter-spacing:-.3px;margin:0;font-size:clamp(30px,3.6vw,42px);line-height:1.15}.svc-hero p{color:var(--muted);margin:8px 0 0;font-size:18px;font-weight:500}.svc-body{padding-top:24px}.svc-label{color:var(--ink);margin-bottom:4px;font-size:17px;font-weight:700;display:block}.svc-note{color:var(--muted);margin:0 0 12px;font-size:15px}.svc-field{border:2px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:10px;min-height:58px;padding:0 16px;transition:border-color .15s,box-shadow .15s;display:flex}.svc-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px #2a27f21a}.svc-field svg{color:#8a8db0;flex:none;width:22px;height:22px}.svc-field input{min-width:0;font:inherit;color:var(--ink);letter-spacing:.5px;background:0 0;border:0;outline:0;flex:1;padding:12px 0;font-size:19px}.svc-field input::placeholder{color:#9a9cb8;letter-spacing:0;font-size:16px}.svc-field .ico-esim{display:none}.svc-field[data-kind=esim] .ico-esim{display:block}.svc-field[data-kind=esim] .ico-sim{display:none}.svc-kind{color:var(--blue);flex:none;font-size:14px;font-weight:700}.svc-kind:empty{display:none}.svc-hint{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 16px;margin:8px 2px 0;font-size:14px;line-height:1.3;display:flex}.svc-hint-row{align-items:center;gap:6px;display:inline-flex}.svc-hint-row svg{color:#8a8db0;flex:none;width:18px;height:18px}.svc-submit{cursor:pointer;background:var(--yellow);width:100%;min-height:56px;color:var(--ink);font:inherit;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:18px;font-weight:700;transition:background-color .15s,transform .15s;display:inline-flex;box-shadow:0 8px 20px #fff20066}.svc-submit:hover{background:#fff64d}.svc-submit:active{transform:scale(.985)}.svc-submit[aria-busy=true]{pointer-events:none;opacity:.8}.svc-submit[aria-busy=true]:after{content:"";border:3px solid;border-inline-end-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.svc-error{color:#c0322f;margin:12px 0 0;font-size:16px;font-weight:700}.svc-error[hidden]{display:none}.svc-help-title{color:var(--ink);align-items:center;gap:8px;margin:28px 0 0;font-size:17px;font-weight:700;display:flex}.svc-help-title svg{width:22px;height:22px;color:var(--blue);flex:none}.svc-help{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.svc-tile{background:var(--surface);border-radius:18px;padding:16px 16px 14px;font-size:15px;line-height:1.6}.svc-tile-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.svc-tile-head b{color:var(--ink);font-size:16px}.svc-ico{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.svc-ico svg{width:20px;height:20px}.svc-ico.blue{color:var(--blue);background:#e6e5ff}.svc-ico.pink{color:var(--pink);background:#ffe3ee}.svc-ico.cyan{color:#0d8fb0;background:#d9f4fb}.svc-tile ul{color:var(--muted);margin:0;padding-inline-start:1.1em}.svc-footnote{color:var(--navy);text-align:center;margin:16px 0 0;font-size:15px;font-weight:700}@media (width<=520px){.svc-help{grid-template-columns:1fr}}.svc-subhead{align-items:center;gap:8px;margin:22px 0 14px;display:flex}.svc-subhead h2{color:var(--ink);margin:0;font-size:20px}.svc-subhead h2:focus{outline:none}.svc-back{background:var(--surface);width:38px;height:38px;color:var(--ink);border-radius:50%;flex:none;place-items:center;text-decoration:none;transition:background-color .15s;display:grid}.svc-back:hover{color:var(--ink);background:#e9eaf5}.svc-back svg{width:20px;height:20px}.svc-balance{text-align:center;color:#fff;background:linear-gradient(120deg, var(--blue) 0%, #4b48ff 100%);border-radius:22px;margin-bottom:8px;padding:22px 24px 24px;position:relative;box-shadow:0 12px 28px #2a27f238}.svc-id{color:#fff;letter-spacing:.3px;background:#ffffff29;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:15px;font-weight:700;display:inline-flex}.svc-id svg{color:#fff;width:18px;height:18px}.svc-balance-label{color:#fff;opacity:.9;margin:14px 0 0;font-size:15px;font-weight:500}.svc-balance-value{color:#fff;letter-spacing:-.5px;margin:0;font-size:clamp(42px,6vw,54px);font-weight:700;line-height:1.15}.topup-group{border:0;min-width:0;margin:16px 0 0;padding:0}.topup-group[hidden]{display:none}.topup-group legend{color:var(--muted);margin-bottom:8px;padding:0;font-size:15px}.topup-group legend b{color:var(--ink)}.opt{cursor:pointer;border:2px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;margin:0 0 6px;padding:12px 14px;transition:background-color .15s,border-color .15s;display:flex}.opt:hover{border-color:#c4c8f3}.opt:has(input:checked){background:var(--blue-50);border-color:var(--blue)}.opt:has(input:focus-visible){outline:3px solid var(--pink);outline-offset:2px}.opt input{opacity:0;pointer-events:none;position:absolute}.opt-main{min-width:0;color:var(--ink);flex:1;font-size:17px;font-weight:700;line-height:1.35}.opt-price{color:var(--blue);flex:none;font-size:17px;font-weight:700}.opt-check{border:2px solid #d4d3e6;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;transition:all .15s;display:grid}.opt-check svg{color:#fff;opacity:0;width:14px;height:14px}.opt:has(input:checked) .opt-check{background:var(--pink);border-color:var(--pink)}.opt:has(input:checked) .opt-check svg{opacity:1}.service-note{color:var(--muted);margin:4px 14px 0;font-size:15px}.service-note[hidden]{display:none}.svc-result{border-radius:18px;margin:18px 0 0;padding:16px 18px;font-size:18px;font-weight:700}.svc-result[hidden]{display:none}.svc-result.ok{color:#256a2b;background:#e8f7ea}.svc-result.bad{color:#b3312e;background:#fdecec}.svc-result .num-row{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.svc-result .num{letter-spacing:1px;color:#1d5a22;direction:ltr;font-size:clamp(30px,5vw,38px)}.copy-btn{color:#256a2b;cursor:pointer;background:#fff;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 2px 6px #0000000f}.copy-btn svg{width:20px;height:20px}.copy-btn.done{color:#fff;background:#256a2b}.svc-balance .svc-back{top:14px;color:#fff;background:#ffffff29;position:absolute;inset-inline-start:14px}.svc-balance .svc-back:hover{color:#fff;background:#ffffff47}