@charset "UTF-8";@font-face{font-family:Pribambas;src:url(/assets/Pribambas-Regular-PzKtQxIN.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box;font-family:Pribambas,sans-serif}.top-up-page{background-color:#fff9e6;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px}.top-up-page .header{width:100%;max-width:400px;text-align:center}.top-up-page .header h1{background-color:#8a5ff7;color:#fff;padding:15px 20px;border-radius:20px;font-size:28px;font-weight:700;box-shadow:0 4px 6px #0000001a;margin-bottom:30px}.top-up-page .content{width:100%;max-width:400px;text-align:center}.top-up-page .content .user-info{font-size:18px;margin-bottom:5px;color:#333}.top-up-page .content .user-info strong{font-weight:700}.top-up-page .content .user-sub-info{font-size:16px;margin-bottom:20px;color:#898989}.top-up-page .content .top-up-form{display:flex;flex-direction:column;align-items:center}.top-up-page .content .top-up-form .label{font-size:18px;margin-bottom:10px;color:#555}.top-up-page .content .top-up-form .input{width:100%;padding:15px;font-size:20px;border:2px solid #ccc;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d;transition:border-color .3s ease}.top-up-page .content .top-up-form .input:focus{border-color:#8a5ff7;outline:none}.top-up-page .content .top-up-form .button{background-color:#8a5ff7;border:none;color:#fff;padding:15px 20px;border-radius:10px;font-size:20px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}.top-up-page .content .top-up-form .button:hover{background-color:#744faf}.top-up-page .content .balance-info{margin-top:20px;font-size:18px;color:#333}.top-up-page .content .balance-info strong{font-weight:700}.error-page{text-align:center;margin-top:50px}.error-page h1{font-size:36px;color:#e74c3c;margin-bottom:20px}.error-page p{font-size:20px;color:#555}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{padding:20px;border-radius:8px;text-align:center;box-shadow:0 4px 6px #0000001a;max-width:400px;width:100%;color:#fff;font-size:25px}.modal-content.success{background-color:#4caf50}.modal-content.error{background-color:#af4c4c}.loader_container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#c2c2c2ca;z-index:10}body.no-scroll{overflow:hidden}.loader_text{color:#f1f1f1;margin-top:20px;width:77px;display:block;text-transform:uppercase}.loader{width:48px;height:48px;border:5px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-success{text-align:center;margin:30px auto;max-width:400px;width:100%;font-size:28px;color:#555}