body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--color1);color:var(--color2)}.promo-overlay img{max-width:100%}@media(max-width:768px){.promo-overlay img{width:90%}}.wheelAce,.rtpace{position:fixed;left:18px;z-index:9999;height:150px;width:150px;border-radius:100%;box-shadow:0 20px 35px #000c;overflow:hidden;cursor:pointer}.wheelAce{bottom:250px}.wheelAce:before,.rtpace:before{content:"";height:200%;width:200%;position:absolute;background:conic-gradient(#fff,#fff,#fff,#0a0a0a,#0a0a0a,#0a0a0a,#fff,#fff,#fff);left:-25%;top:-25%;animation:spin 1.5s infinite}.wheelAce .wheelInner,.rtpace .rtpInner{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:103px;background-color:#021927}.rtpace{bottom:68px}.rtpace .rtpInner{background-size:130px;background-color:#0a0a0a}@keyframes spin{to{transform:rotate(-360deg)}}@media(max-width:800px){.wheelAce,.rtpace{width:50px;height:50px}.wheelAce{bottom:130px}.rtpace{bottom:65px}.wheelAce .wheelInner,.rtpace .rtpInner{background-size:34px}}button{cursor:pointer}a{color:inherit;text-decoration:none}.width1200{max-width:1200px;margin:0 auto}input:focus{outline:none}.login-panel{text-align:center;padding:2rem 1rem;color:#fff}.login-logo{max-width:180px;margin:0 auto 1.5rem;display:block}.input-group{display:flex;align-items:center;border:1px solid var(--colorGray);background-color:var(--color5);color:var(--color2);border-radius:6px;padding:.6rem .8rem;margin-bottom:1rem}.input-group i{margin-right:.8rem;color:#bbb}.input-group input{flex:1;border:none;outline:none;background:transparent;color:#fff;font-size:1rem}.login-btn{width:100%;padding:.8rem;margin-top:1rem;background:#003c5a;border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer}.login-btn:hover{background:#005080}.daftar-btn{width:100%;padding:.8rem;margin-top:1rem;background:var(--color7-2);border:none;border-radius:6px;color:var(--color1);font-weight:700;cursor:pointer}.forgot-link{margin-top:1rem;color:#ff0;font-size:.9rem;cursor:pointer}.register-text{margin-top:1rem;font-size:.9rem}.register-text span{color:#ff0;cursor:pointer}.cs-info{margin-top:1.5rem;font-size:.85rem}.highlight{color:#ff0;font-weight:700}#loading{pointer-events:none}@media(max-width:800px){#root{margin-bottom:50px}#chat-widget-container{bottom:50px!important}}:root{--color1: #121212;--color2: #fff;--color5: #181818;--color6: #f4f4f4;--color8: #000;--color9: #1e1e1e;--color10: #ccc;--color11: #2a2a2a;--color12: var(--color1);--color14: var(--color2);--colorRed: red;--colorGreen: #00ff00;--colorGray: #888;--brand-primary: #50acf1;--brand-primary-light: #b7e0ff;--brand-primary-dark: #1f50b5;--color7: var(--brand-primary);--color7-2: var(--brand-primary-light);--colorBlueAccent: var(--brand-primary-dark);--colorBlueBold: var(--brand-primary-dark);--colorGradientStart: var(--brand-primary);--colorGradientEnd: var(--brand-primary-light);--colorLinkBlue: var(--brand-primary);--colorBlueSoft: var(--brand-primary);--colorAmber: #ffb020;--colorRedSoft: #ff5d5d;--colorAccentAlert: #e94b3c;--colorTextSubtle: #aaa;--colorRedStrong: #ff4d4d;--colorGreenPrimary: #28a745;--colorGreenPrimaryHover: #218838;--colorPanelDeep: #1a1a1a;--colorSurfaceAlt: #e9ecef;--colorPanelCard: #242a3c;--colorBgMenu: #1c2233;--colorBgHub: #003144;--colorBgDeep: #0f1116;--colorSurfaceGray: #e4e4e4;--colorWhiteOverlay: #fff1;--colorBorderMid: #444;--colorBorderMenu: #3a4257;--colorBorderGrayDark: #555;--colorBorderPanel: #23293a;--colorBorderLight: #37425b;--colorBorderFooter: #333;--colorTextDark: #0b0e15;--colorTextPale: #cfe7ff;--colorTextMutedAlt: #a7b2c5;--colorTextMuted2: #98a2b3;--colorTextCard: #d7e3f7;--colorTextLightest: #e6e9ef;--colorToastBg: #151925;--colorToastText: #e7e9ee;--colorToastMuted: #aeb6c4;--colorBlueNavy: #012b40;--colorBlueSea: #023b55;--colorBlueSeaHover: #03506f;--colorRedDanger: #b30000;--colorRedDangerHover: #e60000;--colorTextMenu: #dfe7ff;--colorGradientHistStart: #1a2a6c;--colorGradientHistEnd: #16222a;--colorGold: #f5c542;--colorGreenWa: #25d366}.footer{background-color:var(--color12);padding:1.5rem 0;text-align:center;color:var(--color2);margin-top:3rem;display:flex;align-items:center;justify-content:space-between;max-width:1200px;width:100%;margin:0 auto}.footer p{margin:0;color:var(--colorGray);font-size:.9rem}.footer img{width:35px;margin:10px 0 10px 10px}.footimgwrap{text-align:right}.asf-footer{display:none}@media(max-width:800px){.footer{display:grid;grid-template-columns:repeat(2,1fr);box-sizing:border-box;padding:10px}.footer p{font-size:9px;text-align:left}.ResponTtl{text-align:right!important}.asf-footer{display:block;text-align:left}.asf-footer img{width:100px;margin:0}}.toast-stack.toast-top-center{position:fixed;left:50%;top:16px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:9999;width:max-content;max-width:90vw;align-items:center;pointer-events:none}.toast{min-width:280px;max-width:360px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:var(--colorToastBg);color:var(--colorToastText);box-shadow:0 6px 26px #00000059;display:flex;justify-content:space-between;align-items:center;font-size:14px;pointer-events:auto;animation:toastSlide .2s ease-out}.toast button{background:transparent;border:0;color:var(--colorToastMuted);cursor:pointer;font-size:16px;margin-left:12px}.toast-info{border-color:var(--colorBlueAccent)}.toast-warning{border-color:var(--colorAmber)}.toast-error{border-color:var(--colorRedSoft)}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(0)}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:999;display:flex}.mobile-menu{background:var(--color8);width:80%;max-width:320px;height:100%;padding:15px 0;animation:slideInLeft .3s ease;position:relative;display:flex;flex-direction:column}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.logoMobileMenu{width:120px;margin-left:15px}.menu-header{display:flex;justify-content:space-between;align-items:center}.menu-header h2{margin:0;color:var(--color2)}.back-btn,.close-btn{background:none;border:none;color:var(--color2);font-size:16px;cursor:pointer}.mobile-menu ul{list-style:none;padding:0;margin-top:1rem}.mobile-menu li{display:flex;align-items:center;gap:20px;padding:21px 8px 21px 24px;color:var(--color2);cursor:pointer;font-size:18px;border:1px solid var(--color5)}.mobile-menu li:hover{background:#ffffff1a}.icon{width:20px}.vendor-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:1rem;padding:0 20px 20px!important;overflow-y:auto}.vendor-list::-webkit-scrollbar{width:1px}.vendor-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.vendor-list li{background:var(--colorWhiteOverlay);border-radius:6px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:6px;padding:6px;cursor:pointer;min-height:70px}.vendor-list li:hover{background:#ffffff26}.vendor-img{max-width:100%;max-height:60px;object-fit:contain}.vendor-list li.disabled{pointer-events:none;cursor:not-allowed}.vendor-options{display:flex;gap:10px;margin-top:8px;width:100%;justify-content:center;flex-wrap:wrap}.vendor-option-btn{background:var(--colorBlueAccent);color:var(--color14);border:none;border-radius:4px;padding:10px 14px;min-width:84px;font-size:14px;font-weight:600;cursor:pointer}.vendor-option-btn:hover{background:var(--colorBlueBold)}.headerWrapRight{display:flex;align-items:center;gap:20px}.header{background-color:var(--color8);color:var(--color2)}.top-bar{background-color:var(--color9);padding:5px 0;font-size:13px}.top-bar-cs{display:flex;justify-content:space-between}.main-header-top{background-color:var(--color8);padding:10px 0 30px}.main-header{display:flex;justify-content:space-between;align-items:center}.logo img,.asf-logo img{height:50px}.logo{display:flex;align-items:center}.auth-row{display:flex;gap:1rem;align-items:center;position:relative}.forgPass{position:absolute;bottom:-20px;font-size:10px;margin-left:2px;font-style:italic;opacity:.5}.forgPass:hover{opacity:1;cursor:pointer;color:var(--color7)}.auth-left{display:flex;flex-direction:column;gap:6px}.auth-right{display:flex;flex-direction:row;gap:10px}.input-field{padding:6px;border-radius:4px;border:1px solid var(--colorGray);background-color:var(--color5);color:var(--color2);width:120px}.input-field:focus{outline:none}.btn-reg,.btn-log{padding:0;height:65px;width:90px;border-radius:4px;font-weight:700;border:none;cursor:pointer}.btn-log{background-color:var(--color7);color:var(--color8)}.btn-reg{background-color:var(--color7-2);color:var(--color8)}.rightHeader{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.rhTop{display:flex;align-items:center;gap:1rem}.rhBtnCont button{margin-left:10px}.rhBot button{margin-left:10px;width:90px;padding:.4rem .8rem;background:var(--color11);color:var(--color2);border:none;border-radius:4px;font-size:.9rem;cursor:pointer}.btnTransfer{background:var(--color7);color:var(--color8);width:90px;border:none;padding:.4rem .8rem;border-radius:4px;font-weight:700;cursor:pointer}.btnLogout{margin-left:10px;background:var(--colorRed);color:var(--color2);width:90px;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer}.userNameHead{font-weight:700;color:var(--color7);text-transform:uppercase}.mobile-only{display:none!important}.header-icons{display:flex;align-items:center;gap:1rem}.asf-icon{height:40px}.avatar-icon{cursor:pointer}.mobile-auth-buttons{display:flex;gap:8px}.mobile-auth-btn{border:none;border-radius:6px;padding:8px;font-weight:700;color:var(--color8);cursor:pointer;font-size:13px}.mobile-auth-btn.daftar{background:var(--color7-2)}.mobile-auth-btn.login{background:var(--color7)}.hamburger{flex-direction:column;gap:4px;cursor:pointer}.hamburger span{width:25px;height:3px;background:var(--color14);border-radius:2px}.mobile-auth-panel{position:fixed;top:0;right:0;width:80%;max-width:320px;height:100%;background:var(--color8);padding:2rem 1rem;box-shadow:-2px 0 6px #00000080;z-index:999;overflow-y:auto;animation:slideIn .3s ease-out forwards}.mobile-auth-panel .close-btn{background:none;border:none;color:var(--color14);font-size:1.5rem;cursor:pointer;position:absolute;top:1rem;right:1rem}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.user-panel{display:flex;flex-direction:column;gap:1rem;color:var(--color2)}.user-panel .rhTop{display:flex;flex-direction:column;gap:.5rem}.user-panel .rhBtnCont{display:flex;gap:10px}.user-panel .rhBot{display:flex;flex-wrap:wrap;gap:10px}.user-panel .rhBot button{flex:1;min-width:100px;padding:.4rem .8rem;background:var(--color11);color:var(--color2);border:none;border-radius:4px;cursor:pointer}.mobile-auth-panel.logged-in{background:var(--colorBlueNavy);color:var(--color14);display:flex;flex-direction:column;gap:20px;padding-top:60px}.user-info{text-align:center;font-size:16px}.user-info .username{font-weight:700;font-size:18px;color:var(--color7);text-transform:uppercase}.user-info .balance span{font-weight:700;color:var(--color7)}.auth-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.auth-menu li{background:var(--colorBlueSea);padding:12px 16px;border-radius:6px;display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer;transition:background .3s}.auth-menu li:hover{background:var(--colorBlueSeaHover)}.auth-menu li i{width:20px}.auth-menu li.logout{background:var(--colorRedDanger);color:var(--color14)}.auth-menu li.logout:hover{background:var(--colorRedDangerHover)}.spinnerHead{border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--color14);border-radius:50%;width:14px;height:14px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}@media(max-width:800px){.main-header{position:relative}.logo{position:absolute;left:50%;transform:translate(-50%)}.desktop-only{display:none}.mobile-only{display:flex!important}.top-bar{display:none}.main-header-top{margin-bottom:0;padding:10px}.asf-icon{display:none}}.preloader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:2000}.spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.3);border-top:6px solid var(--color7);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-container{background-color:var(--color7);color:var(--color2);padding:0;position:relative}.menu-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;list-style:none;gap:0;padding:0;max-width:1200px;width:100%;margin:0 auto}.menu-wrapper{position:relative;border-top:1px solid var(--color7);border-bottom:1px solid var(--color7)}.menu-list li{cursor:pointer;font-size:1rem;padding:0;text-transform:uppercase;display:flex;align-items:center;justify-content:space-around}.menu-item.active{background-color:var(--color7-2);color:var(--color8)}.menu-list .menu-item{flex:1;text-align:center;line-height:60px;height:35px}.menu-list .menu-item:hover,.menu-list li:hover{background:var(--color7-2);color:var(--color8)}.menu-icon{width:50px!important;height:35px}.menuLi{text-decoration:none;color:var(--color2)}.liga-tipster{background:var(--color7);color:var(--color8);padding:.5rem 1rem}.dropdown-content{background-color:var(--color9);padding:1rem;display:flex;justify-content:center;border-top:1px solid var(--color7);position:absolute;top:35px;left:0;width:100%;z-index:99;box-sizing:border-box}.dropdown-box{max-width:1200px;width:100%;display:flex;justify-content:center}.contImgMenu{display:grid;grid-template-columns:repeat(5,1fr);gap:50px}.contImgMenu div{opacity:.6}.contImgMenu div:hover{opacity:1;cursor:pointer}.maint-badge{position:absolute;top:25px;z-index:9;opacity:1!important;left:50%;transform:translate(-50%);background:#ffeb3b;color:#000;padding:4px 10px;border-radius:6px;font-weight:700;font-size:12px;pointer-events:none;box-shadow:0 2px 6px #0003}.contImgMenu img{width:180px;height:auto;object-fit:contain}@media(max-width:800px){.menu-wrapper{display:none}}.btn-variant{padding:8px 12px;font-size:12px;font-weight:700;border-radius:8px;border:1px solid var(--colorBorderMenu);background:var(--colorBgMenu);color:var(--colorTextMenu);cursor:pointer}.btn-variant:hover{filter:brightness(1.1)}.deposit-container{max-width:1200px;margin:auto;padding:2rem;color:var(--color2)}.deposit-container h2{color:var(--color7);margin-bottom:1.5rem}.deposit-tab{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.deposit-tab button{padding:.5rem 1.5rem;font-weight:700;background:var(--color11);color:var(--color2);border:none;border-radius:4px;cursor:pointer}.deposit-tab .active{background:var(--color7);color:var(--color8)}.deposit-step1,.deposit-step2{max-width:400px;margin:auto}.deposit-step-qris{text-align:center}.deposit-step1 label,.deposit-step2 label{display:block;margin-bottom:.5rem}.deposit-step1 input,.deposit-step2 input,.deposit-step2 select{width:100%;padding:.6rem;margin-bottom:1rem;border-radius:4px;border:1px solid var(--color6);background:var(--color12);color:var(--color2);box-sizing:border-box}.error-text{margin-top:-.5rem;margin-bottom:1rem;display:block}.btn-submit,.btn-cancel,.btn-qris{padding:.6rem 1rem;font-weight:700;border-radius:4px;border:none;cursor:pointer}.btn-submit{background:var(--color7);color:var(--color8);margin-right:1rem}.btn-qris{background:var(--color7);color:var(--color8)}.btn-cancel{color:var(--colorRed);margin-right:10px}.row{margin-bottom:1rem}.green{color:var(--colorGreen)!important;font-weight:700}.row span{font-weight:600;color:var(--color7)}.qr-img{width:150px;margin-top:.5rem;border:1px solid var(--color5);border-radius:6px}.deposit-table-wrap{margin-top:2rem}.deposit-table{width:100%;border-collapse:collapse}.deposit-table th,.deposit-table td{padding:1rem;border:1px solid var(--color5)}.deposit-table th{background:var(--color5);text-align:left}.warnDepoTop{color:var(--colorGreen)}.warnDepoBot{color:var(--colorRed)}@media(max-width:800px){.deposit-table th,.deposit-table td{padding:5px;font-size:10px;min-height:50px}}.histori-container{max-width:1200px;margin:auto;padding:2rem;background-color:var(--color1);color:var(--color2)}.histori-container h2{color:var(--color7);margin-bottom:1.5rem}.histori-table{width:100%;border-collapse:collapse;background-color:var(--color9)}.histori-table th,.histori-table td{padding:.75rem 1rem;text-align:center;border-bottom:1px solid var(--color11)}.histori-table th{background-color:var(--color11)}.pagination-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;flex-wrap:wrap}.per-page-select{font-size:.9rem}.per-page-select select{margin:0 .5rem;padding:.3rem;background-color:var(--color9);color:var(--color2);border:none;border-radius:4px}.pagination{display:flex;list-style:none;gap:.5rem;padding:0}.pagination li{padding:.4rem .7rem;background-color:var(--color11);color:var(--color2);cursor:pointer;border-radius:4px}.pagination li.active{background-color:var(--color7);color:var(--color8);font-weight:700}.histori-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.histori-header h2{margin:0;font-size:20px;font-weight:700}.filter-select{padding:6px 10px;border-radius:4px;border:1px solid var(--colorTextSubtle);font-size:14px;cursor:pointer;background:linear-gradient(to bottom,var(--colorGradientHistStart),var(--colorGradientHistEnd));color:var(--color14)}.filter-select option{color:var(--color8)}.histori-table tr:nth-child(odd){background-color:var(--color9)}.histori-table tr:nth-child(2n){background-color:var(--color5)}@media(max-width:800px){.histori-header h2{font-size:14px}.histori-table th,.histori-table td{font-size:10px;padding:3.2px}.per-page-select select,.per-page-select,.pagination{font-size:10px}}.lobby-container{max-width:1200px;margin:auto;padding:2rem;color:var(--color2)}.search-box{position:relative;width:100%;margin-bottom:2rem}.search-box input{width:100%;padding:.8rem 1rem .8rem 2.5rem;border-radius:8px;background-color:var(--color9);border:1px solid var(--colorBorderMid);color:var(--color2);font-size:1rem;box-sizing:border-box}.search-icon{position:absolute;top:50%;left:.8rem;transform:translateY(-50%);color:var(--color7)}.game-box{text-align:center}.game-content{width:100%;aspect-ratio:1 / 1;background-color:var(--color11);border-radius:10px;position:relative;overflow:hidden;margin:auto;max-width:200px}.game-content img{width:100%;height:100%}.game-overlay{position:absolute;bottom:-100%;left:0;width:100%;height:100%;background:#000000bf;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.game-content:hover .game-overlay{bottom:0}.play-btn{background-color:var(--color7);color:var(--color8);font-weight:700;border:none;padding:.6rem 1.2rem;border-radius:5px;cursor:pointer}.game-name{margin-top:.5rem;font-size:1rem;font-weight:700}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:60px 15px;max-width:1200px;width:100%;margin:0 auto}.loading-center{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;z-index:3000;pointer-events:none;color:var(--colorTextLightest);font-weight:600}.loading-center .loading-icon{font-size:26px}.loading-center .loading-text{font-size:18px;letter-spacing:.2px}@media(max-width:800px){.game-grid{grid-template-columns:repeat(2,1fr)}}.pass-container{max-width:500px;margin:auto;padding:2rem;color:var(--color2)}.pass-container h2{color:var(--color7);margin-bottom:1.5rem;text-align:center}.pass-form{display:flex;flex-direction:column;gap:1rem}.pass-form label{font-weight:500;text-align:left}.pass-form input{padding:.6rem;font-size:1rem;border:1px solid var(--color2);border-radius:4px;background:var(--color12);color:var(--color2);box-sizing:border-box}.btn-pass{margin-top:1rem;padding:.6rem 1rem;font-weight:700;border-radius:4px;cursor:pointer;border:none;background:var(--color7);color:var(--color8)}.pass-error{color:var(--colorRed);font-size:.9rem}.pass-success{color:var(--colorGreen);font-size:.9rem}.promo-container{max-width:1000px;margin:auto;padding:0 2rem 2rem;color:var(--color2);background-color:var(--color1)}.promo-container h2{color:var(--color7);margin-bottom:1.5rem;text-align:left}.tab-wrapper{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.tab-wrapper button{padding:.5rem 1rem;border:none;background-color:var(--color11);color:var(--color2);border-radius:4px;cursor:pointer}.tab-wrapper button.active{background-color:var(--color7);color:var(--color8);font-weight:700}.promo-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.promo-box{background-color:var(--color9);padding:1rem;border-radius:8px;border:1px solid var(--colorBorderMid)}.promo-box img{width:100%}.promo-box h3{margin-bottom:.5rem;color:var(--color7)}.promo-box p{font-size:.95rem;color:var(--color10)}.promo-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color11);padding:20px 25px;border-radius:8px;max-width:600px;width:90%;color:var(--color6);max-height:80vh;overflow-y:auto;position:relative;animation:fadeIn .3s ease}.close-btn{position:absolute;top:10px;right:15px;border:none;background:var(--colorRed);font-size:20px;font-weight:700;cursor:pointer;border-radius:4px}.terms-content h4{margin:10px 0;font-size:15px;font-weight:700;color:var(--color6)}.terms-content ol{margin:10px 0 10px 20px;padding:0;font-size:14px;color:var(--color10);line-height:1.6}.terms-content li{margin-bottom:6px}.terms-content p{margin:8px 0;font-size:14px}.highlight-red{color:var(--colorAccentAlert);font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.promo-table{margin:0 auto;text-align:center;width:100%;border-spacing:0px;border-collapse:collapse;font-size:14px}.promo-table th{border:1px solid var(--color8);background-color:var(--color8)}.promo-table td{border:1px solid var(--color8);padding:5px 0}.referral-container{max-width:1200px;margin:auto;padding:2rem;background-color:var(--color1);color:var(--color2)}.referral-container h2{color:var(--color7);text-align:left}.referral-section{margin-bottom:1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:70px}.copy-box{display:flex;gap:.5rem}.copy-box input{background-color:var(--color9);border:none;padding:.5rem;color:var(--color2);border-radius:4px;width:100%}.copy-box button{background-color:var(--color7);color:var(--color8);border:none;padding:0;border-radius:4px;cursor:pointer;font-size:14px;width:95px}.info-text{margin-bottom:1rem;text-align:left}.referral-table{width:100%;border-collapse:collapse;background-color:var(--color9)}.referral-table th,.referral-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--colorBorderFooter)}.referral-table th{background-color:var(--color11)}@media(max-width:800px){.referral-header h2{font-size:14px}.referral-table th,.referral-table td{font-size:10px;padding:7px}.referral-section{display:block}.copy-box{margin-bottom:15px}}.ref-page{min-height:100vh;background:var(--colorBgDeep);color:var(--colorToastText);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px}.ref-wrap{width:100%;max-width:1100px}.ref-title{text-align:center;color:var(--colorBlueSoft);letter-spacing:1px;font-size:28px;margin:0 0 8px;font-weight:800;text-transform:uppercase}.ref-subtitle{text-align:center;opacity:.9;margin:0 0 24px;font-size:14px}.ref-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:18px}.ref-step{display:flex;gap:14px;background:var(--colorToastBg);border:1px solid var(--colorBorderPanel);border-radius:14px;padding:16px 18px;align-items:center}.ref-step-num{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--colorGradientStart),var(--colorGradientEnd));color:var(--colorTextDark);font-weight:900;display:grid;place-items:center;font-size:18px}.ref-step-title{font-weight:800;font-size:16px;margin-bottom:4px;color:var(--colorTextPale)}.ref-step-desc{font-size:13px;line-height:1.45;color:var(--colorTextMutedAlt)}.ref-note{text-align:center;font-size:12.5px;color:var(--colorTextMuted2);margin:6px 0 22px}.ref-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.ref-panel{background:var(--colorToastBg);border:1px solid var(--colorBorderPanel);border-radius:14px;overflow:hidden}.ref-panel-head{background:var(--colorPanelCard);color:var(--colorTextCard);padding:12px 16px;font-weight:800;font-size:14px;letter-spacing:.3px}.ref-panel-body{padding:16px 16px 18px}.ref-list{margin:0;padding-left:18px;display:grid;gap:10px;font-size:14px;line-height:1.5}.ref-cta-row{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}.ref-btn{padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:700;font-size:14px;border:1px solid transparent;transition:all .15s ease}.ref-btn--primary{background:linear-gradient(135deg,var(--colorGradientStart),var(--colorGradientEnd));color:var(--colorTextDark)}.ref-btn--ghost{background:transparent;color:var(--colorTextPale);border-color:var(--colorBorderLight)}.ref-btn:hover{transform:translateY(-1px);filter:saturate(1.1)}.transfer-container{max-width:1200px;margin:auto;padding:2rem;color:var(--color2);background:var(--color1)}.transfer-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:15px}.transfer-header select,.transfer-header input{padding:.5rem;border-radius:4px;border:none;min-width:150px;background:var(--color11);color:var(--color2);box-sizing:border-box}.btn-submit,.btn-total{background-color:var(--color7);color:var(--color8);border:none;padding:.5rem 1rem;font-weight:700;border-radius:4px;cursor:pointer}.total-saldo-wrapper{display:flex;align-items:center;margin-bottom:15px;justify-content:end}.total-saldo{font-size:1.1rem;font-weight:700}.vendors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.vendor-box{background:var(--color9);padding:1rem;border-radius:8px;text-align:center}.vendor-name{font-weight:700;margin-bottom:.5rem}.vendor-saldo button{padding:.3rem .7rem;background:var(--color7);border:none;border-radius:4px;cursor:pointer;color:var(--color8)}.vendor-saldo span{color:var(--color7);font-size:22px}.vendor-group{margin-top:.5rem;font-size:.8rem;color:var(--color10)}@media(max-width:800px){.vendors-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.transfer-header{display:grid;grid-template-columns:repeat(2,1fr)}}.withdraw-container{max-width:1100px;margin:auto;padding:2rem;color:var(--color2)}.withdraw-container h2{color:var(--color7);margin-bottom:1.5rem}.withdraw-content{display:flex;gap:5rem;flex-wrap:wrap}.withdraw-left{flex:1;min-width:300px}.withdraw-form{display:flex;flex-direction:column;gap:1rem}.withdraw-form label{font-weight:500}.withdraw-form input{padding:.6rem;font-size:1rem;border:1px solid var(--color2);border-radius:4px;background:var(--color12);color:var(--color2);box-sizing:border-box}.error-text{color:var(--colorRed);font-style:italic;margin-top:-.5rem}.btn-ok{padding:.6rem;background-color:var(--color7);border:none;color:var(--color8);font-weight:700;cursor:pointer;border-radius:4px;width:100px}.withdraw-table{width:100%;border-collapse:collapse;margin-top:2rem}.withdraw-table th,.withdraw-table td{padding:1rem;text-align:left;border:1px solid var(--colorBorderFooter)}.withdraw-table th{background-color:var(--colorBorderMid)}.reload-icon{cursor:pointer;color:var(--color2);margin-left:10px}.reload-icon:hover{color:var(--color7)}.akun-saya{flex:1;min-width:300px}.akun-saya h3{color:var(--color7);margin-bottom:1rem}.akun-field{margin-bottom:1rem}.akun-field label{display:block;margin-bottom:.3rem}.akun-field input{width:100%;padding:.5rem;background:var(--colorSurfaceGray);border:none;border-radius:4px;color:var(--color8);box-sizing:border-box}.akun-note{margin-top:1rem;padding:1rem;border:1px solid var(--colorTextSubtle);border-radius:4px;font-size:.9rem;background:var(--color12);color:var(--color10)}@media(max-width:800px){.withdraw-table th,.withdraw-table td{padding:5px;font-size:10px;min-height:50px}}.hub-container{position:relative;background:var(--colorBgHub);min-height:100vh;padding:20px;color:var(--color14);overflow:hidden}.hub-card{background:#00000080;border-radius:8px;display:flex;align-items:center;margin-bottom:20px;padding:15px 20px;position:relative;z-index:2}.hub-icon{font-size:28px;margin-right:15px;color:var(--colorGold)}.hub-icon.whatsapp{color:var(--colorGreenWa)}.hub-content div{display:flex;align-items:center;gap:10px}.hub-content img{width:25px}.hub-content a{display:block;font-size:14px;color:var(--colorLinkBlue);text-decoration:none;margin-top:5px}.hub-content a:hover{text-decoration:underline}.hub-watermark{position:absolute;bottom:10%;right:5%;font-size:180px;color:#ffffff0d;z-index:1}.account-container{max-width:600px;margin:0 auto;padding:20px;color:var(--color2)}.account-container h2{margin:0 0 16px;color:var(--color7);text-align:center}.account-card{background:var(--color9);border-radius:10px;padding:16px;box-shadow:0 4px 12px #00000040}.account-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color5);font-size:14px;border-bottom:1px solid #0b0b0b;border-top:1px solid #272727}.account-row:last-child{border-bottom:none}.account-row .label{color:var(--colorTextSubtle)}.account-row .value{font-weight:700}.account-action{margin-top:16px;width:100%;padding:12px;border:none;border-radius:8px;background:var(--color7);color:var(--color8);font-weight:700;cursor:pointer}.account-action:disabled{opacity:.6;cursor:default}@media(max-width:600px){.account-container{padding:16px}.account-row{flex-direction:column;align-items:flex-start;gap:4px}}.hero-slider{position:relative;overflow:hidden;max-width:1200px;width:100%;margin:0 auto;aspect-ratio:8/3}.slide{position:absolute;width:100%;height:100%;left:100%;top:0;opacity:0;transition:all .5s ease}.slide.active{left:0;opacity:1;z-index:1}.slide img{width:100%;height:100%;object-fit:cover}.slide h2{font-size:24px;font-weight:700}.slide p{font-size:16px;margin-top:10px}.dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:9}.dot{height:10px;width:10px;margin:0 5px;background-color:var(--color2);border-radius:50%;display:inline-block;opacity:.5;cursor:pointer;transition:all .3s}.dot.active{opacity:1;transform:scale(1.3)}@media(max-width:800px){.hero-slider{border-top:1px solid var(--color7)}}.game-popular-container{background:var(--color8);color:var(--color14)}.game-popular-header{display:flex}.game-popular-header div{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;max-width:1200px;width:100%;margin:20px auto 0}.game-popular-header h2{font-size:14px;margin:0;color:var(--color14)}.more-btn{background:var(--colorGreenPrimary);border:none;padding:6px 12px;border-radius:15px;cursor:pointer;color:var(--color14);font-size:14px}.more-btn:hover{background:var(--colorGreenPrimaryHover)}.game-grid-wrapper{position:relative;max-width:1200px;width:100%;margin:20px auto 0}.game-grid-popular{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding:4px 8px;scrollbar-width:none}.game-grid-popular::-webkit-scrollbar{display:none}.game-card{flex:0 0 auto;background:transparent;box-shadow:none;padding:0;width:170px}.game-card p{margin-left:5px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffd9;color:#000;border:none;width:32px;height:48px;border-radius:6px;cursor:pointer;font-size:22px;font-weight:700;box-shadow:0 2px 8px #0003;z-index:2}.carousel-btn.left{left:0}.carousel-btn.right{right:0}.game-card{display:flex;flex-direction:column;align-items:start}.game-img{width:170px;height:170px;object-fit:cover;background:var(--colorBlueNavy);border-radius:40px;border:1px solid var(--color9)}.game-title{font-size:12px;margin:8px 0 4px;width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-weight:700}.rtp-text{font-size:12px;font-weight:700;color:var(--color1);margin:4px 0 0;background:var(--brand-primary);padding:5px 10px;border-radius:8px}.vendor-name{font-size:11px;color:var(--color14);margin:0 0 4px;opacity:.8}.marquee-wrap{max-width:1200px;width:100%;margin:0 auto}.marquee-container,.marquee-container-partner{overflow:hidden;width:100%;border-radius:4px}.marquee-container{padding:10px 0;background:var(--color9);border-bottom:15px solid black;border-radius:0}.marquee-container-partner{padding:5px 0}.marquee-track,.marquee-track-partner{display:flex;width:max-content;animation:scroll linear infinite;align-items:center}.marquee-track{animation-duration:80s;gap:20px}.marquee-track-partner{animation-duration:350s;gap:0px}.marquee-container:hover .marquee-track,.marquee-container-partner:hover .marquee-track-partner{animation-play-state:paused}.marquee-item,.marquee-item-partner{flex:0 0 auto;border-radius:5px}.marquee-item-partner{background:var(--color12);padding:10px;border-radius:5px;margin-right:15px}.marquee-item{margin-right:5px}.marquee-item img{width:60px;border-radius:8px}.marquee-item-partner img{width:150px;border-radius:8px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:800px){.game-grid-popular{grid-template-columns:repeat(3,1fr)}.marquee-container-partner{padding:5px 0}.marquee-item-partner img{width:100px}}.mobile-footer{display:none}@media(max-width:800px){.mobile-footer{position:fixed;bottom:0;left:0;right:0;background:var(--color1);display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--colorBorderFooter);z-index:997}.mobile-footer a,.mobile-footer .footer-item{flex:1;text-align:center;padding:5px 0;color:var(--color14);font-size:12px}.footer-item i,.footer-item svg{display:block;font-size:18px;margin-bottom:5px}.mobile-footer .footer-item{display:flex;flex-direction:column;align-items:center;font-size:12px;color:var(--color2);text-decoration:none}}.regis-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.regis-box{background-color:var(--color9);padding:2rem;border-radius:10px;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;position:relative;color:var(--color2)}.regis-box::-webkit-scrollbar{width:1px}.regis-box::-webkit-scrollbar-track{background:transparent}.regis-box::-webkit-scrollbar-thumb{background-color:var(--color7);border-radius:10px;opacity:.5}.regis-box::-webkit-scrollbar-thumb:hover{background-color:var(--color6)}.regis-box h3{text-align:center;color:var(--color7);margin:0;margin-bottom:1.2rem}.close-btn{position:absolute;right:1rem;top:1rem;background:none;border:none;color:var(--color2);font-size:1.4rem;cursor:pointer}.regis-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.9rem;margin-bottom:.4rem;color:var(--color2)}.regis-form input,.regis-form select{padding:.7rem;border-radius:4px;border:1px solid var(--colorGray);background-color:var(--color5);color:var(--color2);font-size:14px;width:100%;box-sizing:border-box}.regis-form input::placeholder{color:var(--colorTextSubtle);font-size:13px}.regis-form input.error,.regis-form select.error{border:1px solid red}.phone-group .phone-input{display:flex;align-items:center}.phone-group .prefix{background:var(--colorGray);color:var(--color2);padding:10px 11px 9px;border:1px solid var(--colorGray);border-right:none;border-radius:4px 0 0 4px}.phone-group input{border-radius:0 4px 4px 0;border-left:none}.checkbox{display:flex;align-items:center;flex-direction:row}.checkbox input{width:10%}.submit-btn{background-color:var(--color7);color:var(--color8);font-weight:700;padding:.8rem;border:none;border-radius:4px;cursor:pointer;font-size:15px;text-align:center;width:100%;margin-bottom:12px}.submit-btn:hover{opacity:.9}.error-summary{background:#ff00001a;border:1px solid red;color:var(--colorRedStrong);padding:10px;margin:1rem 0;border-radius:6px;font-size:14px}.error-summary ul{margin:0;padding-left:1.2rem}.regis-form input.error,.regis-form select.error{border:1px solid red!important}@media(max-width:500px){.regis-box{max-width:95%;padding:1.5rem}.regis-form{padding-bottom:180px}}