body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--garena-red:#e43326;--bg-gray:#f8f9fb;--border-color:#eee;--text-main:#0f172a;--text-muted:#6b7280;--stroke:#e6e9ef;--warning-orange:#f59e0b}*{box-sizing:border-box}body{background-color:#f8f9fb;background-color:var(--bg-gray);color:#0f172a;color:var(--text-main);direction:ltr;font-family:Roboto,Segoe UI,Tahoma,sans-serif;margin:0;padding:0}.main-header-banner{background:#fff;border-bottom:1px solid #eee;width:100%}.main-header-banner img{display:block;max-width:100%;width:100%}.container{margin:0 auto;max-width:900px;padding:0 15px}.hero-banner img{border-radius:0 0 15px 15px;display:block;width:100%}.card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-top:15px;padding:25px}.card-title{font-size:20px;font-weight:700;gap:12px;margin-bottom:20px}.card-title,.step-num{align-items:center;display:flex}.step-num{background:#e43326;background:var(--garena-red);border-radius:8px;color:#fff;font-size:16px;height:32px;justify-content:center;width:32px}.input-group{align-items:stretch;border:1px solid #ddd;border-radius:8px;display:flex;height:50px;margin-top:10px;overflow:hidden}.input-group input{border:none;flex:1 1;font-size:16px;min-width:0;outline:none;padding:0 15px}.btn-login{align-items:center;background:#e43326;background:var(--garena-red);border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:0 25px;transition:background .3s ease;white-space:nowrap}.btn-login:disabled{background:#ccc;cursor:not-allowed}.grid{grid-gap:12px;display:grid;gap:12px;margin-top:15px}.grid-3{grid-template-columns:repeat(3,1fr)}.payment-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:15px}.pay-method{align-items:center;background:#fff;border:1.5px solid #ccc;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-weight:700;gap:10px;justify-content:center;min-height:100px;padding:15px 10px;position:relative;text-align:center;transition:.2s}.pay-method.active{background:snow;border:2.5px solid #e43326!important;border:2.5px solid var(--garena-red)!important}.pay-method img{height:auto;max-height:40px;max-width:65px;object-fit:contain}.promo-badge{background:#e43326;background:var(--garena-red);border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#fff;font-size:9px;padding:2px 6px;position:absolute;right:10px;top:0}#bottom-bar{background:#fff;border-top:1px solid #ddd;bottom:0;box-shadow:0 -4px 15px #0000001a;justify-content:space-between;left:0;padding:15px 25px;position:fixed;right:0;z-index:1000}#bottom-bar,.btn-buy{align-items:center;display:flex}.btn-buy{background:#e43326;background:var(--garena-red);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;gap:8px;padding:12px 35px}.receipt-container{margin:0 auto;max-width:800px;padding:0 15px 64px}.warning-icon{background:#f59e0b;background:var(--warning-orange);border-radius:50%;box-shadow:0 0 20px #f59e0b4d;color:#fff;font-size:40px;font-weight:700;height:80px;margin-bottom:15px;width:80px}.hero-status,.warning-icon{align-items:center;display:flex;justify-content:center}.hero-status{background:url(https://i.ibb.co/gL35xcZV/Capture-d-cran-2025-08-15-200048.png) 50%/cover no-repeat;border:1px solid #e6e9ef;border:1px solid var(--stroke);border-radius:12px;margin:22px auto 0;min-height:220px;overflow:hidden;position:relative}.hero-status:before{background:#ffffffd9;content:"";inset:0;position:absolute}.status-center{align-items:center;display:flex;flex-direction:column;position:relative;text-align:center;width:90%;z-index:2}.spinner{animation:spin 1s linear infinite;border:4px solid #d92c2133;border-radius:50%;border-top:4px solid var(--garena-red);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.receipt-row{border-bottom:1px solid #f1f5f9;display:flex;font-size:15px;justify-content:space-between;padding:12px 0}.bonus-box{background:#fef9c3;border:1px solid #fde68a;border-radius:8px;margin:10px 0;padding:10px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-box{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:30px;text-align:center;width:90%}@media (max-width:600px){.grid-3{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.ab2c8582.css.map*/