:root{--recharge-ink:#182321;--recharge-accent:#63e6c2;--recharge-surface:#f5f1e9}
.recharge-page{background:var(--recharge-surface);min-height:100vh}
.recharge-header{background:#fff!important}
.recharge-header .brand span{display:inline}
.recharge-back-link{color:var(--recharge-ink);font-size:12px;font-weight:700}
.recharge-back-link span{color:var(--recharge-accent);font-size:18px;margin-left:8px}
.recharge-main{max-width:1240px;margin:0 auto;padding:64px 6% 90px}
.recharge-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:48px;border-bottom:1px solid #cddbd5}
.recharge-intro h1{font:800 clamp(48px,7vw,86px)/.92 var(--display);letter-spacing:-.08em;margin:0;max-width:720px}
.recharge-intro h1 em{color:var(--recharge-accent);font-style:normal}
.recharge-intro p:last-child{max-width:480px;color:var(--muted);font-size:14px;line-height:1.6;margin:24px 0 0}
.recharge-intro-mark{display:grid;place-items:center;width:88px;height:88px;flex:0 0 auto;background:var(--recharge-ink);box-shadow:10px 10px 0 var(--recharge-accent);color:var(--recharge-accent);font:700 60px/1 var(--display)}
.recharge-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:42px;align-items:start;padding-top:44px}
.recharge-section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:22px}
.recharge-section-heading h2,.recharge-form h2{font:700 30px var(--display);letter-spacing:-.05em;margin:0}
.recharge-section-heading>span{color:var(--muted);font-size:11px}
.recharge-carriers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.recharge-carrier{display:grid;gap:10px;align-content:start;min-width:0;padding:0;background:#fff;border:1px solid #d4dfda;box-shadow:0 8px 18px #1823210d;text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s}
.recharge-carrier:hover,.recharge-carrier.is-selected{border-color:var(--recharge-accent);box-shadow:0 10px 22px #1823211c;transform:translateY(-3px)}
.recharge-carrier.is-selected{outline:3px solid #63e6c244}
.recharge-carrier-logo{display:grid;place-items:center;width:100%;height:105px;min-height:105px;padding:14px;overflow:hidden;background:#f7faf8}
.recharge-carrier-logo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.recharge-carrier strong{display:block;min-height:42px;padding:0 12px 14px;font-size:12px;line-height:1.25}
.recharge-instructions{margin-top:38px;padding:24px;background:#fff;border-left:4px solid var(--recharge-accent);box-shadow:0 10px 24px #1823210d}.recharge-instructions h2{font:700 28px var(--display);letter-spacing:-.05em;margin:0 0 20px}.recharge-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.recharge-steps article{display:grid;gap:7px;padding-top:12px;border-top:1px solid #cddbd5}.recharge-steps b{color:var(--recharge-accent);font:700 18px var(--display)}.recharge-steps strong{font-size:12px}.recharge-steps p{color:var(--muted);font-size:11px;line-height:1.45;margin:0}.recharge-instructions-note{border-top:1px solid #d7e1dc;color:var(--muted);font-size:10px;line-height:1.5;margin:20px 0 0;padding-top:14px}
.recharge-form{display:grid;gap:14px;padding:28px;background:#fff;border-top:4px solid var(--recharge-accent);box-shadow:0 16px 35px #18232114;position:sticky;top:104px}
.recharge-form label{display:grid;gap:7px;color:var(--recharge-ink);font-size:11px;font-weight:700}
.recharge-form input,.recharge-form select{width:100%;border:1px solid #cbd8d2;background:#fbfdfc;border-radius:4px;outline-color:var(--recharge-accent);padding:12px}
.recharge-payment-links{display:grid;gap:8px}.recharge-payment-links[hidden],.recharge-payment-link[hidden]{display:none!important}.recharge-payment-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#e8f8f2;border:1px solid #9bd5c4;color:var(--recharge-ink);font-size:11px;font-weight:700}.recharge-payment-link>span:first-child{color:var(--recharge-ink);font-size:11px}.recharge-payment-link>span:last-child{color:var(--recharge-accent);font-size:18px}.recharge-payment-link:hover{background:#d6f2e9}
.recharge-actions{display:grid;gap:9px;margin-top:5px}.recharge-submit,.recharge-ticket-button{width:100%;justify-content:center}
.recharge-note{color:var(--muted);font-size:10px;line-height:1.5}.recharge-status{min-height:17px;color:#a34b43;font-size:11px;margin:0}
@media(max-width:900px){.recharge-layout{grid-template-columns:1fr}.recharge-form{position:static}.recharge-carriers{grid-template-columns:repeat(3,minmax(0,1fr))}.recharge-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.recharge-main{padding:42px 7% 70px}.recharge-intro{align-items:start}.recharge-intro h1{font-size:clamp(42px,14vw,64px)}.recharge-intro p:last-child{font-size:13px}.recharge-intro-mark{width:58px;height:58px;box-shadow:7px 7px 0 var(--recharge-accent);font-size:40px}.recharge-carriers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recharge-carrier-logo{height:90px;min-height:90px;padding:10px}.recharge-form{padding:22px 17px}.recharge-header{padding-inline:7%}.recharge-header .brand span{display:none}}