.recharge{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:82px;color:#e9f8f3;background:radial-gradient(circle at 78% 20%,rgba(27,111,116,.38),transparent 34%),radial-gradient(circle at 10% 80%,rgba(20,84,102,.35),transparent 40%),#061723}
.recharge::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.32;background-image:radial-gradient(#a5ead2 1px,transparent 1px),radial-gradient(#92b4e7 1px,transparent 1px);background-size:108px 108px,153px 153px;background-position:12px 23px,66px 81px}
.recharge::after{content:"";position:absolute;z-index:-1;width:680px;height:680px;border:1px solid rgba(93,208,192,.12);border-radius:50%;right:-280px;top:-220px;box-shadow:0 0 0 90px rgba(76,180,174,.045),0 0 0 180px rgba(76,180,174,.035)}
.recharge-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);align-items:center;gap:clamp(48px,7vw,120px)}
.recharge-copy{max-width:680px}.recharge-overline{margin:25px 0 14px;color:#79ccbc;font-size:11px;letter-spacing:.24em;font-weight:700}.recharge h2{margin:0;font-size:clamp(42px,5.1vw,76px);line-height:1.12;letter-spacing:-.055em;font-weight:800}.recharge h2 em{font-style:normal;color:#a4efda}.recharge-lead{max-width:570px;margin:27px 0 34px;color:#aecbcb;font-size:16px;line-height:1.9}
.recharge-amounts{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 28px}.recharge-amounts span{margin-right:5px;color:#a7c7c7;font-size:12px}.recharge-amounts strong{min-width:66px;padding:9px 15px;border:1px solid rgba(145,217,207,.37);border-radius:999px;color:#baf5df;background:rgba(71,173,149,.11);font-size:14px;text-align:center}
.recharge-steps{list-style:none;margin:0;padding:0;border-top:1px solid rgba(145,217,207,.22)}.recharge-steps li{display:grid;grid-template-columns:38px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(145,217,207,.22)}.recharge-steps li>span{color:#82ddc6;font-size:12px;font-weight:700;letter-spacing:.08em;padding-top:4px}.recharge-steps strong{display:block;color:#e9f8f3;font-size:16px}.recharge-steps p{margin:6px 0 0;color:#9dbdc1;font-size:13px;line-height:1.65}.recharge-notice{display:flex;align-items:flex-start;gap:10px;margin:28px 0 0;color:#f2dca8;font-size:13px;line-height:1.7}.recharge-notice span{color:#f2ca76}
.recharge-email{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;margin-top:24px;padding:0 18px;border:1px solid #9beed4;border-radius:5px;color:#082932;background:#a8f1d7;font-size:13px;font-weight:750;text-decoration:none;transition:background .2s,transform .2s}.recharge-email:hover{background:#d1ffeb;transform:translateY(-2px)}.recharge-email-address{margin:9px 0 0;color:#a9d4cd;font-size:12px;letter-spacing:.02em;overflow-wrap:anywhere}
.recharge-card{position:relative;width:min(100%,500px);margin-left:auto;padding:26px;border:1px solid rgba(124,218,207,.38);border-radius:20px;background:linear-gradient(145deg,rgba(21,49,62,.94),rgba(7,25,40,.96));box-shadow:0 30px 80px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.07)}.recharge-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.recharge-card-head>div{display:flex;flex-direction:column;gap:7px}.recharge-card-kicker{color:#80cabc;font-size:10px;font-weight:700;letter-spacing:.2em}.recharge-card-head strong{font-size:19px;letter-spacing:.03em}.recharge-card-badge{flex:none;padding:7px 10px;border:1px solid rgba(131,219,194,.4);border-radius:999px;color:#aceed2;background:rgba(59,139,117,.15);font-size:11px}
.recharge-qr-shell{display:grid;place-items:center;padding:17px;border-radius:15px;background:#f5f7f5}.recharge-qr-crop{position:relative;width:min(100%,360px);aspect-ratio:754/880;overflow:hidden;background:#fff}.recharge-qr-crop img{position:absolute;display:block;max-width:none;width:156.8%;height:auto;left:-28.4%;top:-77%;image-rendering:auto}.recharge-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 2px 0;color:#9ababb;font-size:12px}.recharge-card-foot a{color:#a5eed9;text-decoration:underline;text-decoration-color:rgba(165,238,217,.4);text-underline-offset:4px}.recharge-card-foot a:hover{color:#e5fff5}.recharge-mobile-tip{margin:12px 2px 0;color:#7da7ad;font-size:11px;line-height:1.6}
@media(max-width:1120px) and (min-width:821px){.site-nav{gap:22px}.site-nav .nav-contact{margin-left:0}.recharge-layout{gap:42px}}
@media(max-width:820px){.recharge{scroll-margin-top:68px}.recharge-layout{grid-template-columns:1fr;gap:44px}.recharge-card{margin:0 auto}.recharge-copy{max-width:650px}}
@media(max-width:600px){.recharge h2{font-size:clamp(40px,10vw,58px)}.recharge-lead{font-size:14px;margin:22px 0 27px}.recharge-amounts{gap:8px;margin-bottom:20px}.recharge-amounts span{width:100%}.recharge-amounts strong{min-width:58px;padding:8px 12px}.recharge-steps li{gap:12px;padding:15px 0}.recharge-steps strong{font-size:14px}.recharge-steps p{font-size:12px}.recharge-card{padding:16px;border-radius:15px}.recharge-card-head{margin-bottom:16px}.recharge-card-head strong{font-size:16px}.recharge-card-badge{font-size:10px}.recharge-qr-shell{padding:12px}.recharge-card-foot{flex-wrap:wrap}.recharge-mobile-tip{font-size:10px}}