.game-banner{width:100%;border-radius:2rem;overflow:hidden}.payment-method.active{border:2px solid #7d6bbf;background-color:#f0f8ff;border-radius:6px}.payment-method div img{width:100px}.game-banner img{width:100%;height:auto}.game-icon{border-radius:10px;width:80%;border:#fff 2px solid;background-color:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);top:75%;z-index:2}.game-icon img{margin:0 auto;width:20%;height:auto}.frame-container{max-width:1200px;margin:5rem auto 0;display:flex;flex-direction:column;gap:20px;padding:0 20px 30px}.product-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.product-card{border-radius:5px;padding:8px;display:flex;height:78px;align-items:flex-start;gap:8px;cursor:pointer;transition:all .3s ease;width:calc(50% - 7.5px);flex-direction:row}.product-card:hover{background-color:#303030}.product-card.selected{border:2px solid #7d6bbf;background-color:#303030}.product-image{width:60px;height:60px;overflow:hidden;border-radius:5px;flex-shrink:0}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{display:flex;flex-direction:column;gap:0;padding-top:5px}.product-info h3{font-size:14px;font-weight:400;margin:0 0 2px;padding:0;line-height:1.2}.product-price{font-size:14px;font-weight:700;color:#a99ac1;margin:0;padding:0;line-height:1.2}.topup-steps{display:flex;flex-direction:column;gap:20px}.step-header{padding:0;background-color:#7d6bbf;border-radius:5px 5px 0 0;margin-bottom:0}.step-number{display:flex;align-items:center;gap:10px;padding:15px 20px;font-weight:700;font-size:18px}.step-number span{font-weight:700;font-size:18px;color:#fafafa}.step-content{padding:20px}.input-group{display:flex;gap:10px;margin-bottom:15px}.input-field{flex:.6}.dropdown-field{flex:.4}.input-field input,.dropdown-field select,.promo-input input,.contact-input input{width:100%;padding:10px;background-color:#262626;border:none;color:gray;border-radius:4px;transition:all .3s ease}.checkout-button{display:inline-flex;align-items:center;gap:.5em;background:linear-gradient(90deg,#7d6bbf,#4a3c7a);color:#fff!important;font-weight:600;font-size:1.1rem;border:none;border-radius:8px;box-shadow:0 4px 16px #7d6bbf26,0 1.5px 5px #4a3c7a1a;padding:12px 28px;text-decoration:none!important;transition:background .2s,transform .15s,box-shadow .2s;cursor:pointer;outline:none;margin:.5em 0}.checkout-button:hover,.checkout-button:focus{background:linear-gradient(90deg,#6a5aa3,#362c5c);color:#fff;transform:translateY(-2px) scale(1.03);box-shadow:0 6px 18px #7d6bbf33,0 2px 8px #4a3c7a21;text-decoration:none}.checkout-button:active{background:linear-gradient(90deg,#4a3c7a,#7d6bbf);transform:translateY(1px) scale(.98);box-shadow:0 2px 8px #7d6bbf1a}.checkout-button i{font-size:1.2em;margin-right:.4em;vertical-align:middle}.verify-btn,.check-promo-btn,.confirm-btn{background-color:#7d6bbf;color:#fafafa;border:none;padding:5px 20px;height:45px;border-radius:4px;cursor:pointer;transition:all .3s ease}.verify-btn:hover,.check-promo-btn:hover,.confirm-btn:hover{background-color:#6a5aa3}.verify-btn:disabled,.check-promo-btn:disabled,.confirm-btn:disabled{background-color:#555;cursor:not-allowed}.validation-message{font-size:10px;margin:5px 0;min-height:20px}.validation-success{color:#4cd964}.validation-error{color:#ff3b30}.target-description{margin-top:15px;padding:15px;background-color:#262626;border-radius:8px;font-size:14px;line-height:1.5;color:#e0e0e0;border-left:3px solid #7d6bbf}.target-description ul{margin-top:10px;margin-bottom:0;padding-left:20px}#paymentMethodAccordion{display:flex;flex-direction:column;gap:5px}#paymentMethodAccordion .accordion-item{border-radius:4px;overflow:hidden;border:none;margin-bottom:0}#paymentMethodAccordion .accordion-header{margin-bottom:0}#paymentMethodAccordion .accordion-button{padding:15px;box-shadow:none;border:none}#paymentMethodAccordion .accordion-button:not(.collapsed){box-shadow:none}#paymentMethodAccordion .accordion-button:focus{border-color:transparent;box-shadow:none}.light-style .info-card,.light-style .img-method{background-color:#f2f2f2f2}.light-style .text-heading p{color:#262626}.light-style .step-content,.light-style .payment-method{background-color:#f2f2f2f2}.light-style .target-description,.light-style .product-card,.light-style #paymentMethodAccordion .accordion-button,.light-style #paymentMethodAccordion .accordion-button:not(.collapsed),.light-style #paymentMethodAccordion .accordion-body{background-color:#fff}.light-style .payment-method:hover{background-color:#fff}.light-style .payment-method.selected{border:2px solid #7d6bbf;background-color:#f2f2f2f2}.dark-style .info-card,.dark-style .img-method{background-color:#333}.dark-style .text-heading p{color:#cfcce4}.dark-style .step-content,.dark-style .payment-method{background-color:#333}.dark-style .target-description,.dark-style .product-card,.dark-style .payment-method:hover{background-color:#262626}.dark-style .payment-method.selected{border:2px solid #7d6bbf;background-color:#303030}#paymentMethodAccordion .accordion-body{padding:8px 15px;display:flex;flex-direction:column;gap:8px}.payment-method{display:flex;align-items:center;padding:8px 15px;margin-bottom:0;border-radius:4px;cursor:pointer;transition:all .3s ease}.payment-logo{display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px;border-radius:4px;background-color:#fff;overflow:hidden}.logo-placeholder{font-size:10px;font-weight:700;color:#333;text-align:center}.promo-input,.contact-input{margin-bottom:8px}.promo-message-container{min-height:24px;margin-bottom:10px}.error-message{color:#ff4d4d;font-size:14px;margin:0}.button-custom,.button-custom:hover{background-color:#7d6bbf}.success-message{color:#4cd964;font-size:14px;margin:0}.purchase-details{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;color:#ccc;border-bottom:1px solid rgba(255,255,255,.1)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500;color:#aaa}.detail-value{font-weight:600;color:#fff}.total-row{margin-top:10px;padding-top:15px;border-top:2px solid rgba(255,255,255,.2);font-weight:700}.total-row .detail-label,.total-row .detail-value{font-size:1.1rem;color:#fff}.modal-footer{display:flex;justify-content:space-between;gap:10px;padding:15px 20px;background-color:#222;border-top:1px solid #333}.cancel-btn,.pay-btn{flex:1;font-size:1rem;text-transform:capitalize;cursor:pointer;transition:all .3s ease}.cancel-btn{background-color:transparent;border:1px solid #7d6bbf;color:#a99ac1}.cancel-btn:hover{background-color:#7d6bbf1a}.pay-btn{background-color:#7d6bbf;border:none;color:#fafafa}.pay-btn:hover{background-color:#6a5aa3}.pay-btn:disabled{background-color:#555;cursor:not-allowed}.error-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000000b3;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.error-modal.show{opacity:1;display:flex}.error-content{background-color:#333;border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;max-width:500px;width:90%;text-align:center}.error-image{width:100%;border-radius:8px;object-fit:cover}.error-message{color:#fff;font-size:20px;font-weight:400;line-height:1.5;letter-spacing:5%;margin:0}.error-button{width:100%;height:45px;background-color:#7d6bbf;color:#fafafa;border:none;border-radius:4px;font-size:16px;font-weight:400;padding:5px 20px;cursor:pointer}@media (min-width: 768px){.frame-container{flex-direction:row}.info-section{width:35%}.topup-steps{width:65%}}@media (max-width: 576px){.search-box form{flex-direction:column}.search-input{margin-right:0;margin-bottom:10px}.search-button{width:100%}.progress-line{width:50px}.payment-countdown{font-size:30px}.detail-row{flex-direction:column;gap:5px}.detail-value{text-align:left}}