.topup-form{--topup-line:var(--cyber-line-soft);--topup-rule:var(--cyber-line);--topup-accent:var(--cyber-green);--topup-accent-soft:var(--cyber-action-soft);border:1px solid var(--topup-line);border-radius:var(--radius-panel);background:var(--cyber-surface-elevated);scroll-margin-top:calc(var(--cyber-header-height) + 1rem);align-content:start;align-self:start;gap:1rem;padding:0 clamp(1.1rem,2.5vw,1.5rem) clamp(1.1rem,2.5vw,1.5rem);display:grid}.topup-form h2{border-bottom:1px solid var(--topup-line);color:var(--cyber-ink);font-size:var(--type-panel-title);margin:0 calc(-1*clamp(1.1rem,2.5vw,1.5rem));padding:.85rem clamp(1.1rem,2.5vw,1.5rem);font-weight:700}.topup-form__amount{gap:.2rem;padding-top:.25rem;display:grid}.topup-form__amount-label{color:var(--cyber-muted);font-size:var(--type-caption)}.topup-form__amount-field{border-bottom:1px solid var(--topup-rule);font-family:var(--font-data);align-items:baseline;gap:.3rem;padding:.2rem 0 .45rem;font-size:clamp(1.9rem,3.4vw,2.4rem);font-weight:500;line-height:1.1;transition:border-color .12s,box-shadow .12s;display:flex;box-shadow:0 1px #0000}.topup-form__amount-field:focus-within{border-bottom-color:var(--topup-accent);box-shadow:0 1px 0 0 var(--topup-accent)}.topup-form__amount-field[data-invalid]{border-bottom-color:var(--cyber-red);box-shadow:0 1px 0 0 var(--cyber-red)}.topup-form__amount-field>span[aria-hidden]{color:var(--cyber-dim)}.topup-form__amount-field input{width:100%;min-width:0;color:var(--cyber-ink);font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;padding:0}.topup-form__amount-unit{color:var(--cyber-muted);font-size:var(--type-caption);font-weight:500}.topup-form__quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.topup-form__quick button{border:1px solid var(--topup-line);border-radius:var(--radius-control);background:var(--cyber-surface-control);min-height:2.4rem;color:var(--cyber-ink);font-family:var(--font-data);font-size:var(--type-body-sm);font-variant-numeric:tabular-nums;padding:0 .25rem;transition:border-color .12s,background-color .12s}.topup-form__quick button:hover{border-color:var(--topup-rule)}.topup-form__quick button[aria-pressed=true]{border-color:var(--topup-accent);background:var(--topup-accent-soft);color:var(--topup-accent);font-weight:600}.topup-form__hint{min-height:2.9em;color:var(--cyber-muted);font-size:var(--type-caption);line-height:1.45}.topup-form__hint--error{color:var(--cyber-red)}.topup-form__cta{border:1px solid var(--topup-accent);border-radius:var(--radius-control);background:var(--topup-accent);min-height:3rem;color:var(--cyber-button-on-accent);font-family:var(--font-display);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .12s,border-color .12s;display:flex}.topup-form__cta:hover{border-color:color-mix(in srgb, var(--topup-accent) 84%, var(--cyber-ink));background:color-mix(in srgb, var(--topup-accent) 84%, var(--cyber-ink))}.topup-form__cta:disabled{border-color:var(--topup-line);color:var(--cyber-dim);cursor:not-allowed;background:0 0}.topup-form :is(a,button,input):focus-visible{outline:2px solid var(--topup-accent);outline-offset:2px}.topup-form__amount-field input:focus-visible{outline:none}.topup-form :where(h2){font-family:var(--font-display);letter-spacing:0;text-transform:none;text-shadow:none}@media (prefers-reduced-motion:reduce){.topup-form__amount-field,.topup-form__quick button,.topup-form__cta{transition:none}}