.topup-wrapper{color:#fff;flex-direction:column;align-items:center;min-height:100vh;padding:60px 20px 40px;display:flex}.topup-title{text-align:center;color:#c06b46;text-shadow:1px 1px 2px #0003;margin-bottom:30px;font-size:32px;font-weight:700}.topup-section{background:#ffffff0d;border-radius:12px;width:100%;max-width:500px;margin-bottom:30px;padding:25px 30px;box-shadow:0 0 15px #ffffff0d}.topup-section h3{border-bottom:1px solid #fff3;margin-bottom:15px;padding-bottom:8px;font-size:20px}.saved-cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center;gap:1rem;display:grid}.topperCard{margin-bottom:50px}.topup-card{color:#fff;text-align:center;background:#0e0e2f;border-radius:10px;flex-direction:column;align-items:center;width:100%;max-width:300px;margin-bottom:25px;padding:15px 20px;display:flex;box-shadow:0 0 10px #ffffff1a}.topup-card.primary{background:#1a1a3c;border:2px solid #fff;flex-direction:row;justify-content:space-between;width:100%;max-width:100%;display:flex}.topup-card-content{flex-direction:column;align-items:center;gap:6px;margin-bottom:10px;display:flex}.topup-card img{width:50px;margin-bottom:5px}.topup-card span{font-size:14px;display:block}.topup-card-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.topup-card-actions button{color:#fff;cursor:pointer;background:#333;border:none;border-radius:6px;padding:6px 12px;font-size:13px;transition:background .3s}.topup-card-actions button:hover{background:#555}.stripe-box{background:#fff;border-radius:8px;margin-bottom:15px;padding:12px}.topup-btn{color:#fff;cursor:pointer;background:#ff4d00;border:none;border-radius:8px;width:100%;margin-bottom:20px;padding:12px 24px;font-size:16px;transition:all .3s}.topup-btn:disabled{opacity:.6;cursor:not-allowed}.topup-packages{flex-wrap:wrap;gap:10px;margin-bottom:15px;display:flex}.credit-btn{color:#fff;cursor:pointer;text-align:center;background:#fff2;border:1px solid #fff;border-radius:8px;flex:1;padding:10px 16px;font-size:14px;transition:background .3s}.credit-btn:hover,.credit-btn.active{background:#fff5}.topup-input{text-align:center;border:none;border-radius:8px;width:100%;margin-bottom:10px;padding:12px;font-size:16px}.checkout-btn{color:#fff;cursor:pointer;background:#ff4d00;border:none;border-radius:10px;width:100%;max-width:500px;margin-top:10px;padding:14px 32px;font-size:18px;transition:all .3s}.checkout-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.viewTransactionsBtn{color:#c06b46;text-shadow:1px 1px 2px #0003}