.topup-page{padding-bottom:var(--ds-space-12);position:relative}.topup-page:before{content:none}.topup-page .topup-hero{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 48px;margin-bottom:24px;padding:0;display:grid}.topup-hero-content{gap:10px;display:grid}.topup-brandline{display:none}.topup-page .topup-hero .ds-hero-eyebrow{color:var(--checkout-muted,#6e6e73);letter-spacing:0;display:none}.topup-page .topup-hero .ds-hero-title{max-width:24ch;color:var(--checkout-text,#1d1d1f);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,3.4vw,2.5rem);font-weight:600;line-height:1.18}.topup-page .topup-hero .ds-hero-description{max-width:64ch;color:var(--checkout-muted,#6e6e73);font-size:.9375rem;line-height:1.7}.topup-actions{flex-wrap:wrap;gap:10px;display:flex}.topup-purchase-hint{color:var(--checkout-muted,#6e6e73);margin:0;font-size:.875rem;line-height:1.65}.topup-user-paths{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:2px;display:flex}.topup-user-path{min-width:0;min-height:44px;color:var(--checkout-accent,var(--warm-accent));align-items:center;gap:8px;font-size:.875rem;text-decoration:none;display:inline-flex}.topup-user-path:hover strong{text-underline-offset:4px;text-decoration:underline}.topup-user-path:focus-visible{outline:3px solid var(--checkout-accent,var(--warm-accent));outline-offset:4px;border-radius:4px}.topup-user-path-icon{align-items:center;display:inline-flex}.topup-user-path-icon svg{stroke-width:1.6px;width:17px;height:17px}.topup-user-path-copy{align-items:center;gap:6px;display:inline-flex}.topup-user-path-copy small{display:none}.topup-user-path-copy strong{font-size:inherit;font-weight:500}.topup-preview-board{min-width:0;padding-bottom:8px}.topup-preview-metrics{gap:24px;margin:0;display:flex}.topup-preview-metric{align-content:start;gap:8px;display:grid}.topup-preview-metric+.topup-preview-metric{border-inline-start:1px solid var(--checkout-border,#d2d2d7);padding-inline-start:24px}.topup-preview-metric dt{color:var(--checkout-muted,#6e6e73);font-size:.75rem}.topup-preview-metric dd{color:var(--checkout-text,#1d1d1f);font-variant-numeric:tabular-nums;margin:0;font-size:1rem;font-weight:600}.topup-checkout-section{gap:20px;scroll-margin-top:96px;display:grid}@media (max-width:1100px){.topup-page .topup-hero{grid-template-columns:1fr;gap:20px}.topup-preview-board{border-top:1px solid var(--checkout-border,#d2d2d7);padding:20px 0 0}}@media (min-width:641px) and (max-width:900px){.topup-inline-field>.ds-button.ds-button-primary{width:auto}}@media (max-width:640px){.topup-page .topup-hero{gap:16px;margin-bottom:24px;padding:8px 0}.topup-page .topup-hero .ds-hero-title{font-size:1.875rem;line-height:1.2}.topup-page .topup-hero .ds-hero-description{font-size:.875rem}.topup-preview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.topup-preview-metric+.topup-preview-metric{padding-inline-start:10px}.topup-preview-metric dt{font-size:.75rem}.topup-preview-metric dd{overflow-wrap:anywhere;font-size:.8125rem}.topup-user-paths{gap:6px 16px}.topup-checkout-section{gap:16px}}.topup-checkout-section .double11-card{margin:0}.topup-page .topup-actions .ds-button{border:1px solid var(--checkout-border,#d2d2d7);background:var(--checkout-surface,#fff);color:var(--checkout-accent,var(--warm-accent));box-shadow:none;border-radius:10px;transform:none}.topup-page .topup-actions .ds-button-primary{border-color:var(--checkout-text,#1d1d1f);background:var(--checkout-text,#1d1d1f);color:var(--checkout-surface,#fff)}.topup-page .topup-actions .ds-button:hover{border-color:var(--checkout-accent,var(--warm-accent))}.topup-page .topup-actions .ds-button-primary:hover{background:#06c}