.recharge-panel{background:#fff;border:1px solid #e2e6f3;border-radius:18px;margin-top:28px;padding:30px 5% 36px;box-shadow:0 4px 18px #19234c03}.recharge-heading{text-align:center;margin-bottom:28px}.recharge-heading>span{background:#6246ff;border-radius:4px;width:28px;height:4px;margin:0 auto 14px;display:block}.recharge-heading h1{color:#111c40;font-size:28px;font-weight:700;line-height:1.4}.recharge-heading p{color:#8390ac;margin-top:6px;font-size:16px}.recharge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.recharge-card{background:linear-gradient(135deg,#f7f3ff,#f5f5ff);border:1px solid #e5dfff;border-radius:14px;min-width:0;padding:30px}.recharge-card.ios{background:linear-gradient(135deg,#f0f5ff,#f7f8ff);border-color:#e1e9ff}.recharge-card-top{align-items:center;gap:25px;min-height:112px;margin-bottom:26px;display:flex}.recharge-card h2{color:#142044;margin-bottom:9px;font-size:22px;font-weight:700;line-height:1.4}.recharge-card-top p{color:#7885a4;font-size:14px;line-height:1.8}.recharge-icon{color:#fff;background:linear-gradient(140deg,#b6a5ff,#8264fc);border-radius:23px;flex-shrink:0;place-items:center;width:94px;height:94px;display:grid;position:relative;box-shadow:0 10px 22px #8163f52b}.ios .recharge-icon{background:linear-gradient(140deg,#8bb8ff,#5778fc);box-shadow:0 10px 22px #5778fc2b}.recharge-icon>svg{width:53px;height:53px}.recharge-icon>span{color:#fff;background:#6550de;border:3px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid;position:absolute;bottom:-7px;right:-8px}.ios .recharge-icon>span{background:#3864d9}.recharge-action{color:#fff;background:linear-gradient(110deg,#7960ff,#5638ff);border-radius:9px;justify-content:center;align-items:center;gap:18px;min-height:48px;font-size:16px;transition:filter .15s,transform .15s;display:flex;box-shadow:0 5px 12px #6244ff20}.recharge-action:hover{filter:brightness(1.08);transform:translateY(-1px)}.recharge-action:focus-visible{outline-offset:4px;outline:3px solid #a699ff}.recharge-note{color:#7a79b5;background:#eae7ff99;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-top:17px;padding:10px;font-size:13px;line-height:1.5;display:flex}.recharge-note svg{flex-shrink:0}@media (max-width:900px){.recharge-card{padding:22px}.recharge-card-top{gap:16px}.recharge-icon{border-radius:18px;width:68px;height:68px}.recharge-icon>svg{width:40px;height:40px}.recharge-card h2{font-size:19px}}@media (max-width:680px){.recharge-panel{padding:25px 18px}.recharge-grid{grid-template-columns:1fr;gap:18px}.recharge-card-top{min-height:95px}.recharge-heading h1{font-size:25px}.recharge-card{padding:23px 18px}}