@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";
.topup-container{color:#fff;background:#050505;flex-direction:column;min-height:100vh;padding:20px 80px;font-family:Outfit,sans-serif;display:flex}.topup-nav{justify-content:space-between;align-items:center;margin-bottom:50px;padding:30px 0;display:flex}.topup-nav .logo{color:#fff;align-items:center;gap:10px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.topup-nav .logo i{color:#ff4757}.topup-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:30px;max-width:500px;margin:60px auto;padding:50px}.topup-card h1{margin-bottom:10px;font-size:32px;font-weight:800}.topup-card p{color:#94a3b8;margin-bottom:40px}.input-group{text-align:left;margin-bottom:30px}.input-group label{color:#94a3b8;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.amount-input-wrapper{align-items:center;display:flex;position:relative}.amount-input-wrapper i{color:#ff4757;position:absolute;left:20px}.topup-input{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;width:100%;padding:18px 20px 18px 50px;font-family:inherit;font-size:18px;font-weight:700;transition:all .3s}.topup-input:focus{background:#ffffff0d;border-color:#ff4757;outline:none}.quick-amounts{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px;display:grid}.quick-btn{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:12px;font-weight:600;transition:all .3s}.quick-btn:hover{color:#ff4757;background:#ff47571a;border-color:#ff4757}.pay-btn{color:#fff;cursor:pointer;background:#ff4757;border:none;border-radius:15px;width:100%;padding:20px;font-size:18px;font-weight:800;transition:all .3s;box-shadow:0 10px 30px #ff47574d}.pay-btn:hover:not(:disabled){background:#ff6b81;transform:translateY(-2px);box-shadow:0 15px 40px #ff475766}.pay-btn:disabled{opacity:.6;cursor:not-allowed}.shopier-info{opacity:.5;justify-content:center;align-items:center;gap:20px;margin-top:30px;display:flex}.shopier-info img{filter:grayscale()invert();height:25px}@media (max-width:768px){.topup-container{padding:20px}}