.recharge-page{background:radial-gradient(ellipse 80% 45% at 12% 0%,color-mix(in srgb,var(--brand)13%,white)0%,transparent 58%),radial-gradient(ellipse 50% 40% at 92% 6%,color-mix(in srgb,var(--gold)22%,white),transparent 55%),linear-gradient(180deg,#fdfaff 0%,var(--background)42%);min-height:100vh;position:relative;overflow-x:clip}.recharge-header{padding-block:9rem 2rem}@media (min-width:768px){.recharge-header{padding-block:11rem 2.5rem}}.recharge-header__inner{max-width:72rem;margin-inline:auto}.recharge-crumbs{color:var(--muted-foreground);align-items:center;gap:.5rem;margin-block-end:1.5rem;font-size:.875rem;display:flex}.recharge-crumbs__link{color:inherit;text-decoration:none;transition:color .2s}.recharge-crumbs__link:hover{color:var(--brand)}.recharge-crumbs__sep{opacity:.45;width:1rem;height:1rem}[dir=rtl] .recharge-crumbs__sep{transform:scaleX(-1)}.recharge-crumbs__current{color:var(--foreground);font-weight:500}.recharge-header__badge{border:1px solid color-mix(in srgb,var(--brand)25%,transparent);background:var(--secondary);color:var(--primary);border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.recharge-header__badge svg{width:1rem;height:1rem}.recharge-header__title{letter-spacing:-.01em;color:var(--foreground);margin-block:1rem .75rem;font-size:clamp(1.875rem,4.5vw,2.75rem);font-weight:700;line-height:1.15}.recharge-header__lead{max-width:42rem;color:var(--body-text);font-size:1.0625rem;line-height:1.7}.recharge-body{box-sizing:content-box;gap:1.5rem;max-width:72rem;margin-inline:auto;padding-block-end:5rem;display:grid}@media (min-width:1024px){.recharge-body{grid-template-columns:minmax(0,1fr) 22rem;align-items:start}}.recharge-steps{gap:1.5rem;min-width:0;display:grid}.recharge-step,.recharge-summary{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px -18px color-mix(in srgb,var(--brand)35%,transparent);padding:1.25rem}@media (min-width:640px){.recharge-step,.recharge-summary{padding:1.75rem}}.recharge-step__head{align-items:center;gap:.75rem;margin-block-end:1.25rem;display:flex}.recharge-step__num{background:var(--secondary);width:2rem;height:2rem;color:var(--primary);border-radius:999px;flex-shrink:0;place-items:center;font-size:.9375rem;font-weight:700;display:inline-grid}.recharge-step__num--done{background:var(--brand);color:#fff}.recharge-step__num svg{width:1.1rem;height:1.1rem}.recharge-step__title{color:var(--foreground);font-size:1.125rem;font-weight:600}.recharge-field__label{color:var(--foreground);margin-block-end:.5rem;font-size:.875rem;font-weight:600;display:block}.recharge-find__row{flex-wrap:wrap;gap:.75rem;display:flex}.recharge-field__input{border:1px solid var(--input);font-variant-numeric:tabular-nums;letter-spacing:.04em;min-width:0;height:3rem;color:var(--foreground);background:#fff;border-radius:.875rem;outline:none;flex:12rem;padding-inline:1rem;font-size:1.0625rem;transition:border-color .2s,box-shadow .2s}[dir=rtl] .recharge-field__input:placeholder-shown{text-align:end}.recharge-field__input:focus-visible{border-color:var(--ring);box-shadow:0 0 0 4px color-mix(in srgb,var(--ring)22%,transparent)}.recharge-field__input[aria-invalid=true]{border-color:var(--destructive)}.recharge-field__help{color:var(--muted-foreground);margin-block-start:.625rem;font-size:.8125rem}.recharge-field__help--error{color:var(--destructive);font-weight:500}.recharge-btn{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;height:3rem;padding-inline:1.5rem;font-size:.9375rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.recharge-btn svg{width:1.125rem;height:1.125rem}.recharge-btn:disabled{cursor:not-allowed;opacity:.5}.recharge-btn:not(:disabled):hover{transform:translateY(-1px)}.recharge-btn--brand{background:var(--brand);color:#fff;box-shadow:0 8px 20px -10px var(--brand)}.recharge-btn--pay{background:linear-gradient(135deg,var(--brand)0%,var(--brand-dark)100%);color:#fff;width:100%;height:3.25rem;box-shadow:0 12px 26px -12px var(--brand);margin-block-start:1.25rem;font-size:1rem}.recharge-link{color:var(--brand);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.875rem;font-weight:600;text-decoration:underline}.recharge-account__label{color:var(--muted-foreground);margin-block-end:.625rem;font-size:.8125rem}.recharge-account__row{background:var(--muted);border:1px solid var(--border);border-radius:1rem;align-items:center;gap:.875rem;padding:.875rem;display:flex}.recharge-account__avatar{object-fit:cover;background:var(--secondary);border-radius:999px;flex-shrink:0;width:3.25rem;height:3.25rem}.recharge-account__avatar--empty{color:var(--primary);place-items:center;display:inline-grid}.recharge-account__avatar--empty svg{width:1.5rem;height:1.5rem}.recharge-account__who{flex:1;min-width:0}.recharge-account__name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem;font-weight:700;overflow:hidden}.recharge-id{font-variant-numeric:tabular-nums;color:var(--muted-foreground);unicode-bidi:isolate;font-size:.8125rem}.recharge-account__note{color:var(--muted-foreground);align-items:flex-start;gap:.5rem;margin-block-start:.75rem;font-size:.8125rem;display:flex}.recharge-account__note svg{flex-shrink:0;width:1rem;height:1rem;margin-block-start:.125rem}.recharge-packages{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:640px){.recharge-packages{grid-template-columns:repeat(3,minmax(0,1fr))}}.recharge-package{border:1.5px solid var(--border);cursor:pointer;text-align:center;background:#fff;border-radius:1rem;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem .75rem 1rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.recharge-package:hover{border-color:var(--ring);transform:translateY(-2px)}.recharge-package:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--ring)28%,transparent);outline:none}.recharge-package--active{border-color:var(--brand);background:linear-gradient(180deg,var(--brand-light)0%,#fff 70%);box-shadow:0 10px 24px -14px var(--brand)}.recharge-package--skeleton{cursor:default;background:var(--accent);border-color:#0000;height:9.25rem;animation:1.6s ease-in-out infinite recharge-pulse}.recharge-package--skeleton:hover{transform:none}@keyframes recharge-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.recharge-package--skeleton{animation:none}}.recharge-package__promo{background:var(--gold);color:#fff;border-radius:999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:700;position:absolute;inset-block-start:-.625rem;inset-inline-end:.625rem}.recharge-package__coins{font-variant-numeric:tabular-nums;color:var(--foreground);margin-block-start:.375rem;font-size:1.25rem;font-weight:700}.recharge-package__bonus{color:var(--gold-dark);font-size:.75rem;font-weight:600}.recharge-package__price{background:var(--muted);color:var(--primary);border-radius:999px;margin-block-start:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.recharge-package--active .recharge-package__price{background:var(--brand);color:#fff}.recharge-empty{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.9375rem;display:flex}@media (min-width:1024px){.recharge-summary{position:sticky;inset-block-start:8rem}}.recharge-summary__title{color:var(--foreground);align-items:center;gap:.5rem;margin-block-end:1rem;font-size:1.125rem;font-weight:600;display:flex}.recharge-summary__title svg{width:1.25rem;height:1.25rem;color:var(--primary)}.recharge-summary__list{gap:.75rem;font-size:.9375rem;display:grid}.recharge-summary__list>div{justify-content:space-between;align-items:center;gap:1rem;display:flex}.recharge-summary__list dt{color:var(--muted-foreground)}.recharge-summary__list dd{color:var(--foreground);font-variant-numeric:tabular-nums;align-items:center;gap:.375rem;font-weight:600;display:inline-flex}.recharge-summary__list .recharge-id{color:var(--foreground);font-size:.9375rem}.recharge-summary__total{border-block-start:1px dashed var(--border);padding-block-start:.75rem}.recharge-summary__total dd{color:var(--primary);font-size:1.25rem}.recharge-summary__hint,.recharge-summary__error{text-align:center;color:var(--muted-foreground);margin-block-start:.75rem;font-size:.8125rem}.recharge-summary__error{color:var(--destructive);font-weight:500}.recharge-summary__secure{background:var(--gold-soft);color:var(--foreground);border-radius:.875rem;align-items:flex-start;gap:.5rem;margin-block-start:1.25rem;padding:.75rem;font-size:.8125rem;line-height:1.55;display:flex}.recharge-summary__secure svg{width:1.125rem;height:1.125rem;color:var(--gold-dark);flex-shrink:0}.recharge-summary__legal{color:var(--muted-foreground);margin-block-start:.875rem;font-size:.75rem;line-height:1.6}.recharge-summary__legal a{color:var(--brand);text-underline-offset:2px;text-decoration:underline}