*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:#1f2328;background-color:#f0f2f5;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}#root{flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#00000008}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}.landing-layout-main{width:calc(100% - 32px)!important;max-width:100%!important;margin-left:16px!important;margin-right:16px!important;padding-left:0!important;padding-right:0!important}@media (width>=600px){.landing-layout-main{width:calc(100% - 48px)!important;margin-left:24px!important;margin-right:24px!important}}@media (width>=1024px){.landing-layout-main{width:calc(100% - 80px)!important;margin-left:40px!important;margin-right:40px!important}}@media (width>=1440px){.landing-layout-main{width:calc(100% - 96px)!important;margin-left:48px!important;margin-right:48px!important}}.nav_bar{z-index:1000;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;width:100%;padding:12px 16px;transition:padding .2s;position:sticky;top:0;box-shadow:0 1px 2px #00000008}@media (width>=600px){.nav_bar{padding-left:24px;padding-right:24px}}@media (width>=1024px){.nav_bar{padding-left:40px;padding-right:40px}}@media (width>=1440px){.nav_bar{padding-left:48px;padding-right:48px}}.nav-shell{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-left,.nav-center,.nav-actions{align-items:center;display:flex}.nav-left{flex:1}.nav-center{justify-content:center}.nav-actions{flex:1;justify-content:flex-end}.nav-logo{align-items:center;text-decoration:none;display:flex}.nav-logo-img{object-fit:contain;width:auto;max-height:32px}.nav-mobile-balance-block{align-items:center;gap:12px;display:flex}.nav-balance-pill{cursor:pointer;background:#0284c70a;border:1px solid #0284c71f;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #00000005}.nav-balance-pill:hover{background:#0284c714;border-color:#0284c759;transform:translateY(-1px);box-shadow:0 4px 12px #0284c714}.nav-balance-pill:active{transform:translateY(0)}.nav-balance-icon-wrap{color:#0284c7;background:#0284c71a;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .25s;display:flex}.nav-balance-pill:hover .nav-balance-icon-wrap{color:#fff;background:#0284c7}.nav-balance-details{flex-direction:column;align-items:flex-start;display:flex}.nav-balance-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1px;font-size:9px;font-weight:700;line-height:1.1}.nav-balance-value{color:#0284c7;font-size:13px;font-weight:800;line-height:1.2}.nav-balance-pill-reseller{background:#f59e0b0a;border-color:#f59e0b26}.nav-balance-pill-reseller:hover{background:#f59e0b14;border-color:#f59e0b59;box-shadow:0 4px 12px #f59e0b14}.nav-balance-pill-reseller .nav-balance-icon-wrap{color:#d97706;background:#f59e0b1a}.nav-balance-pill-reseller:hover .nav-balance-icon-wrap{color:#fff;background:#d97706}.nav-balance-pill-reseller .nav-balance-value{color:#d97706}.menu-button{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-left:12px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #00000005}.menu-button:hover{background-color:#0284c714;border-color:#0284c74d;transform:scale(1.05)}.menu-button:active{transform:scale(.95)}.menu-icon-grid{grid-template-columns:repeat(3,1fr);gap:2px;width:14px;height:14px;transition:transform .3s;display:grid}.menu-button:hover .menu-icon-grid{transform:rotate(90deg)}.menu-icon-dot{background-color:#4b5563;border-radius:50%;width:3.5px;height:3.5px;transition:background-color .25s,transform .25s}.menu-button:hover .menu-icon-dot{background-color:#0284c7}.landing-games-wrap{width:100%;padding-top:16px}.direct-topup-shell{width:100%}.direct-topup-notice{color:#0369a1;background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:12px;font-weight:600;line-height:1.4}.direct-topup-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.direct-topup-filter-toggle{color:#0284c7;cursor:pointer;text-transform:uppercase;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.direct-topup-filter-toggle:hover{background-color:#e0f2fe;border-color:#0284c7}.direct-topup-filter-icon{color:inherit;font-size:16px!important}.direct-topup-search{background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:20px;flex-grow:1;align-items:center;gap:8px;max-width:320px;padding:6px 14px;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000005}.direct-topup-search:focus-within{border-color:#0284c7;box-shadow:0 0 0 3px #0282c71a}.direct-topup-search-icon{color:#656d76;font-size:18px!important}.direct-topup-search input{color:#1f2328;background:0 0;border:none;outline:none;width:100%;font-size:13px}.direct-topup-search input::placeholder{color:#656d76}.direct-topup-grid{grid-template-columns:repeat(3,1fr);gap:16px 10px;margin-bottom:24px;display:grid}@media (width>=480px){.direct-topup-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=768px){.direct-topup-grid{grid-template-columns:repeat(6,1fr)}}@media (width>=1024px){.direct-topup-grid{grid-template-columns:repeat(8,1fr)}}.direct-topup-card{cursor:pointer;width:100%;box-shadow:none;background-color:#0000;border:none;border-radius:0;flex-direction:column;align-items:center;padding:0;text-decoration:none;transition:all .2s ease-in-out;display:flex}.direct-topup-card-image{aspect-ratio:1;background-color:#cbd5e1;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:6px;transition:transform .2s ease-in-out,border-color .2s ease-in-out;display:flex;overflow:hidden}.direct-topup-card:hover .direct-topup-card-image{border-color:#0284c7;transform:scale(1.04)}.direct-topup-card:active .direct-topup-card-image{transform:scale(.97)}.direct-topup-card-image img{object-fit:cover;width:100%;height:100%}.direct-topup-card-title{color:#1f2328;text-align:center;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;height:2.5em;margin-top:4px;font-size:11px;font-weight:600;line-height:1.25;transition:color .2s;display:-webkit-box;overflow:hidden}.direct-topup-card:hover .direct-topup-card-title{color:#0284c7}.direct-topup-pagination{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.direct-topup-pagination-btn{color:#1f2328;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:16px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s}.direct-topup-pagination-btn:hover:not(:disabled){color:#0284c7;background-color:#e0f2fe;border-color:#0284c7}.direct-topup-pagination-btn:disabled{color:#656d76;cursor:not-allowed;background-color:#e2e8f0;border-color:#cbd5e1}.direct-topup-pagination-meta{color:#656d76;font-size:11px;font-weight:700}.mg-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;width:100%;margin-top:auto;padding:24px 20px 16px}.mg-footer-shell{width:100%;max-width:1200px;margin:0 auto}.mg-footer-top{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.mg-footer-brand{color:#0284c7;align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.mg-footer-links{gap:20px;display:flex}.mg-footer-links a{color:#656d76;font-size:12px;font-weight:600;text-decoration:none;transition:color .2s}.mg-footer-links a:hover{color:#0284c7}.mg-footer-legal{gap:16px;display:flex}.mg-footer-legal a{color:#94a3b8;font-size:11px;font-weight:600;text-decoration:none;transition:color .2s}.mg-footer-legal a:hover{color:#0284c7}.mg-footer-bottom{text-align:center;padding-top:12px}.mg-footer-bottom span{color:#94a3b8;font-size:11px}@media (width<=600px){.nav_bar{padding:10px 12px}.nav-mobile-balance-block{gap:6px}.nav-balance-pill{border-radius:14px;gap:4px;padding:4px 8px}.nav-balance-icon-wrap{width:22px;height:22px}.nav-balance-icon-wrap svg{font-size:13px!important}.nav-balance-label{display:none!important}.nav-balance-value{font-size:11px}.menu-button{border-radius:8px;width:32px;height:32px;margin-left:6px}.menu-icon-grid{gap:1.5px;width:12px;height:12px}.menu-icon-dot{width:3px;height:3px}.fallback-logo{font-size:16px!important}}