.recharge-shell{min-height:calc(100vh - 88px);display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle at 50% 25%,rgba(242,180,0,.12),transparent 33%)}
.recharge-card{width:min(560px,100%);padding:32px;border:1px solid rgba(242,180,0,.45);border-radius:16px;background:linear-gradient(#12161c,#090b0f);box-shadow:0 20px 60px rgba(0,0,0,.45)}
.recharge-card .eyebrow{color:var(--gold2);font-size:12px;font-weight:950}.recharge-card h1{margin:8px 0 10px}.recharge-card p{color:#bfc2c7;line-height:1.5}
.amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.amount-grid button{padding:13px;border:1px solid #8b6600;border-radius:8px;color:var(--gold2);background:#0a0d11;cursor:pointer}.amount-grid button.active{color:#111;background:var(--gold2)}
.recharge-card label{display:block;margin:15px 0 7px}.recharge-card input{width:100%;padding:13px;border:1px solid #30353e;border-radius:8px;color:white;background:#080a0d}
.submit-recharge{width:100%;margin-top:20px;padding:14px;border:0;border-radius:8px;background:linear-gradient(#ffd54a,#e9a500);font-weight:950;cursor:pointer}
.recharge-yape{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center;margin:18px 0;padding:14px;border:1px solid rgba(127,31,143,.45);border-radius:12px;background:#080a0d}.recharge-yape img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:9px;background:white}.recharge-yape div{display:flex;flex-direction:column;gap:7px}.recharge-yape span{color:#9da2ab;font-size:11px}.recharge-yape strong{font-size:21px}.recharge-yape b{color:#ca58db;font-size:19px}@media(max-width:520px){.recharge-yape{grid-template-columns:1fr}.recharge-yape img{max-width:260px;margin:auto}.recharge-yape div{text-align:center}}