*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#app{width:100%;min-height:100vh;overflow-x:hidden}.header[data-v-77ad8a10]{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;box-shadow:0 2px 8px #0000001a;width:100%;max-width:100vw;overflow-x:hidden}.header-top[data-v-77ad8a10]{background:#fff;border-bottom:1px solid #e0e0e0}.header-content[data-v-77ad8a10]{max-width:1920px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;height:60px;width:100%;box-sizing:border-box}.header-left[data-v-77ad8a10]{display:flex;align-items:center;gap:24px}.logo[data-v-77ad8a10]{font-size:28px;font-weight:700;background:linear-gradient(135deg,#1e88e5,#ff6f00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav[data-v-77ad8a10]{display:flex;gap:32px;align-items:center}.nav-link[data-v-77ad8a10]{text-decoration:none;color:#666;font-size:16px;font-weight:500;padding:8px 0;position:relative;transition:color .3s}.nav-link[data-v-77ad8a10]:hover,.nav-link.active[data-v-77ad8a10]{color:#1e88e5}.nav-link.active[data-v-77ad8a10]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#1e88e5}.header-right[data-v-77ad8a10]{display:flex;align-items:center;gap:16px}.btn-login[data-v-77ad8a10]{padding:8px 24px;background:transparent;border:1px solid #1e88e5;color:#1e88e5;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-login[data-v-77ad8a10]:hover{background:#1e88e5;color:#fff}.topup-section[data-v-77ad8a10]{position:relative}.bonus-tag[data-v-77ad8a10]{position:absolute;top:-8px;right:8px;background:#ff6f00;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;z-index:1}.btn-topup[data-v-77ad8a10]{padding:8px 24px;background:#1e88e5;border:none;color:#fff;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-topup[data-v-77ad8a10]:hover{background:#1565c0}.icon-btn[data-v-77ad8a10]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:#666;transition:all .3s}.icon-btn[data-v-77ad8a10]:hover{background:#f5f5f5;color:#1e88e5}.sidebar[data-v-78581f0e]{width:240px;background:#fff;position:fixed;left:0;top:60px;bottom:0;overflow-y:auto;border-right:1px solid #e0e0e0;z-index:100;scrollbar-width:none;-ms-overflow-style:none}.sidebar[data-v-78581f0e]::-webkit-scrollbar{display:none}.sidebar-content[data-v-78581f0e]{padding:20px 16px}.sidebar-logo[data-v-78581f0e]{font-size:24px;font-weight:700;background:linear-gradient(135deg,#1e88e5,#ff6f00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;text-align:center}.action-buttons[data-v-78581f0e]{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.btn-deposit[data-v-78581f0e],.btn-withdraw[data-v-78581f0e]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-deposit[data-v-78581f0e]{background:#ff6f00;color:#fff}.btn-deposit[data-v-78581f0e]:hover{background:#e65100}.btn-withdraw[data-v-78581f0e]{background:#1e88e5;color:#fff}.btn-withdraw[data-v-78581f0e]:hover{background:#1565c0}.invite-section[data-v-78581f0e]{margin-bottom:24px;padding:12px;background:#f5f5f5;border-radius:8px}.invite-item[data-v-78581f0e]{display:flex;align-items:center;gap:8px;color:#333;font-size:14px;font-weight:500}.sidebar-nav[data-v-78581f0e]{display:flex;flex-direction:column;gap:8px}.nav-section[data-v-78581f0e]{border-radius:8px;overflow:hidden}.nav-section-header[data-v-78581f0e]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f5f5f5;cursor:pointer;font-weight:600;font-size:14px;color:#333;transition:all .3s}.nav-section-header[data-v-78581f0e]:hover{background:#e0e0e0}.nav-section-header svg[data-v-78581f0e]{transition:transform .3s}.nav-section-header svg.rotated[data-v-78581f0e]{transform:rotate(180deg)}.nav-section-content[data-v-78581f0e]{background:#fff;padding:4px 0}.nav-item[data-v-78581f0e]{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 40px;color:#666;text-decoration:none;font-size:14px;transition:all .3s}.nav-item[data-v-78581f0e]:hover{background:#f5f5f5;color:#1e88e5}.nav-item.active[data-v-78581f0e]{background:#e3f2fd;color:#1e88e5;font-weight:600}.nav-item svg[data-v-78581f0e]{flex-shrink:0}.main-content[data-v-f6de0167]{margin-left:240px;padding:24px;min-height:calc(100vh - 100px);background-image:url(/template/40/assets/main-bg-Dvs-Wlaz.webp);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;width:calc(100% - 240px);max-width:calc(100vw - 240px);box-sizing:border-box;overflow-x:hidden}.banner-section[data-v-f6de0167]{margin-bottom:32px;overflow:hidden}.banner-grid[data-v-f6de0167]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;overflow:hidden}.banner-card[data-v-f6de0167]{position:relative;height:180px;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s}.banner-card[data-v-f6de0167]:hover{transform:translateY(-4px)}.banner-1[data-v-f6de0167],.banner-2[data-v-f6de0167],.banner-3[data-v-f6de0167]{background-size:cover;background-position:center;background-repeat:no-repeat}.banner-content[data-v-f6de0167]{padding:20px;height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.banner-text[data-v-f6de0167]{word-wrap:break-word;overflow-wrap:break-word}.banner-text h3[data-v-f6de0167]{font-size:14px;font-weight:600;margin-bottom:8px;opacity:.9;white-space:normal;overflow:visible}.banner-text h2[data-v-f6de0167]{font-size:20px;font-weight:700;line-height:1.2;white-space:normal;overflow:visible;word-wrap:break-word}.banner-text p[data-v-f6de0167]{font-size:12px;margin-top:4px;opacity:.8;white-space:normal;overflow:visible}.banner-badge[data-v-f6de0167]{position:absolute;top:12px;right:12px;background:#ff6f00;color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700}.pagcor-badge[data-v-f6de0167]{align-self:flex-end;background:#fff3;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600}.jackpot-carousel-section[data-v-f6de0167]{margin-bottom:32px}.jackpot-carousel[data-v-f6de0167]{position:relative;width:100%;overflow:hidden;border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.carousel-wrapper[data-v-f6de0167]{display:flex;will-change:transform}.carousel-slide[data-v-f6de0167]{min-width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.carousel-slide img[data-v-f6de0167]{width:100%;height:auto;display:block;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.carousel-indicators[data-v-f6de0167]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.carousel-dot[data-v-f6de0167]{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease}.carousel-dot[data-v-f6de0167]:hover{background:#fffc;transform:scale(1.2)}.carousel-dot.active[data-v-f6de0167]{background:#fff;width:24px;border-radius:4px}.carousel-nav[data-v-f6de0167]{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#0958d9;border:none;color:#fff;font-size:24px;font-weight:700;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.carousel-nav[data-v-f6de0167]:hover{background:#0d6efd;transform:translateY(-50%) scale(1.1)}.carousel-nav-prev[data-v-f6de0167]{left:10%}.carousel-nav-next[data-v-f6de0167]{right:10%}.promotions-section[data-v-f6de0167]{margin-bottom:32px}.promotions-title[data-v-f6de0167]{font-size:24px;font-weight:700;color:#1a237e;margin-bottom:20px}.promotions-grid[data-v-f6de0167]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.promotion-card[data-v-f6de0167]{position:relative;height:120px;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s;padding:20px;display:flex;align-items:center;justify-content:space-between}.promotion-card[data-v-f6de0167]:hover{transform:translateY(-4px)}.promotion-card-1[data-v-f6de0167],.promotion-card-2[data-v-f6de0167],.promotion-card-3[data-v-f6de0167]{background-size:contain;background-position:center;background-repeat:no-repeat}.promotion-content[data-v-f6de0167]{display:flex;align-items:center;justify-content:space-between;width:100%}.promotion-text[data-v-f6de0167]{flex:1}.promotion-label[data-v-f6de0167]{font-size:14px;font-weight:600;margin-bottom:8px}.promotion-card-1 .promotion-label[data-v-f6de0167],.promotion-card-1 .promotion-amount[data-v-f6de0167]{color:#1976d2}.promotion-card-2 .promotion-label[data-v-f6de0167],.promotion-card-2 .promotion-amount[data-v-f6de0167]{color:#c2185b}.promotion-card-3 .promotion-label[data-v-f6de0167],.promotion-card-3 .promotion-amount[data-v-f6de0167]{color:#7b1fa2}.promotion-amount[data-v-f6de0167]{font-size:20px;font-weight:700}.promotion-icon[data-v-f6de0167]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;opacity:.6}.promotion-card-1 .promotion-icon[data-v-f6de0167]{color:#1976d2}.promotion-card-2 .promotion-icon[data-v-f6de0167]{color:#c2185b}.promotion-card-3 .promotion-icon[data-v-f6de0167]{color:#7b1fa2}.header-banner[data-v-f6de0167]{background:#fff;color:#6d7693;padding:8px 24px;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;width:100%;box-sizing:border-box;margin-bottom:24px;border-radius:8px}.header-banner .banner-text[data-v-f6de0167]{display:inline-block;animation:scroll-f6de0167 30s linear infinite}@keyframes scroll-f6de0167{0%{transform:translate(100%)}to{transform:translate(-100%)}}.games-section[data-v-f6de0167]{margin-bottom:40px}.section-header[data-v-f6de0167]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title[data-v-f6de0167]{font-size:24px;font-weight:700;color:#333}.more-link[data-v-f6de0167]{color:#1e88e5;text-decoration:none;font-size:14px;font-weight:600;transition:color .3s}.more-link[data-v-f6de0167]:hover{color:#1565c0}.games-scroll[data-v-f6de0167]{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.games-scroll[data-v-f6de0167]::-webkit-scrollbar{height:6px}.games-scroll[data-v-f6de0167]::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.games-scroll[data-v-f6de0167]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.game-card[data-v-f6de0167]{flex-shrink:0;width:180px;cursor:pointer}.game-image[data-v-f6de0167]{position:relative;width:180px;height:240px;border-radius:12px;overflow:hidden;margin-bottom:12px}.game-img[data-v-f6de0167]{width:100%;height:100%;object-fit:cover;display:block}.game-placeholder[data-v-f6de0167]{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;text-align:center;padding:8px;transition:transform .3s}.game-card:hover .game-placeholder[data-v-f6de0167]{transform:scale(1.05)}.game-overlay[data-v-f6de0167]{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .3s}.game-card:hover .game-overlay[data-v-f6de0167]{opacity:1}.heart-btn[data-v-f6de0167]{width:36px;height:36px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#e91e63;transition:all .3s}.heart-btn[data-v-f6de0167]:hover{background:#fff;transform:scale(1.1)}.game-badge[data-v-f6de0167]{position:absolute;bottom:8px;left:8px;background:#ff6f00;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700}.game-provider-top[data-v-f6de0167]{position:absolute;top:8px;left:8px;background:#0009;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600}.game-info[data-v-f6de0167]{padding:0 4px}.game-name[data-v-f6de0167]{font-size:14px;font-weight:600;color:#333;text-align:center}.games-grid[data-v-f6de0167]{display:grid;grid-template-columns:repeat(8,1fr);gap:16px}.game-card-large[data-v-f6de0167]{cursor:pointer}.game-image-large[data-v-f6de0167]{position:relative;width:100%;height:200px;border-radius:12px;overflow:hidden;margin-bottom:12px}.game-img-large[data-v-f6de0167]{width:100%;height:100%;object-fit:cover;display:block}.game-placeholder-large[data-v-f6de0167]{width:100%;height:100%;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;text-align:center;padding:12px;transition:transform .3s}.game-card-large:hover .game-placeholder-large[data-v-f6de0167]{transform:scale(1.05)}.game-multiplier[data-v-f6de0167]{position:absolute;top:12px;left:12px;background:#ffd700f2;color:#333;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700}.game-overlay-large[data-v-f6de0167]{position:absolute;top:12px;right:12px;opacity:0;transition:opacity .3s}.game-card-large:hover .game-overlay-large[data-v-f6de0167]{opacity:1}.heart-count[data-v-f6de0167]{font-size:12px;margin-left:4px;font-weight:600}.game-info-large[data-v-f6de0167]{padding:0 4px}.game-provider-large[data-v-f6de0167]{font-size:11px;color:#999;margin-bottom:4px}.game-name-large[data-v-f6de0167]{font-size:15px;font-weight:600;color:#333}.main-footer[data-v-f6de0167]{color:#000000b0;padding:24px;margin-top:40px;text-align:center}.footer-content[data-v-f6de0167]{max-width:1200px;margin:0 auto}.footer-line[data-v-f6de0167]{font-size:12px;line-height:1.6;margin-bottom:8px}.footer-line[data-v-f6de0167]:last-child{margin-bottom:0}@media(max-width:1400px){.banner-grid[data-v-f6de0167]{grid-template-columns:repeat(2,1fr)}.games-grid[data-v-f6de0167]{grid-template-columns:repeat(6,1fr)}}@media(max-width:1024px){.banner-grid[data-v-f6de0167]{grid-template-columns:1fr}.games-grid[data-v-f6de0167]{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.games-grid[data-v-f6de0167]{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.games-grid[data-v-f6de0167]{grid-template-columns:repeat(2,1fr)}}.app-container[data-v-22eb8b21]{width:100%;min-height:100vh;background-color:#f5f5f5;overflow-x:hidden;max-width:100vw}.main-layout[data-v-22eb8b21]{display:flex;margin-top:60px}.login-modal-overlay[data-v-22eb8b21]{--main-green: #22262E;--light-green: #e6ffed;--primary: #FE494A;--gray: #888;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;z-index:1000;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:20px 0;opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.login-modal-overlay.visible[data-v-22eb8b21]{opacity:1;visibility:visible;background-color:#000000b3;pointer-events:auto}.login-modal-content[data-v-22eb8b21]{position:relative;z-index:1001;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s cubic-bezier(.4,0,.2,1);transform:scale(.8) translateY(-20px);opacity:0;max-width:420px;width:100%;margin:0 16px}.login-modal-overlay.visible .login-modal-content[data-v-22eb8b21]{transform:scale(1) translateY(0);opacity:1}.login-modal-overlay .container[data-v-22eb8b21]{width:100%;max-width:420px;background:#fff;border-radius:16px;margin:0;padding:22px 20px 30px;color:#333;box-shadow:0 4px 12px #00000026;position:relative;font-family:Segoe UI,Arial,sans-serif;box-sizing:border-box}.login-modal-overlay a[data-v-22eb8b21]{color:#057a55;text-decoration:none;font-weight:600}.login-modal-overlay .close-btn[data-v-22eb8b21]{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;color:#999;cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center;line-height:1;z-index:10;transition:color .2s}.login-modal-overlay .close-btn[data-v-22eb8b21]:hover{color:var(--main-green)}.login-modal-overlay header[data-v-22eb8b21]{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.login-modal-overlay header img[data-v-22eb8b21]{height:40px}.login-modal-overlay .tab-switch[data-v-22eb8b21]{display:flex;border-radius:10px;overflow:hidden;border:1px solid #ccc;margin:0 auto 18px;width:100%}.login-modal-overlay .tab-btn[data-v-22eb8b21]{flex:1;padding:10px 0;text-align:center;font-weight:600;font-size:15px;color:#555;background:#f5f5f5;border:none;cursor:pointer;transition:all .3s}.login-modal-overlay .tab-btn.active[data-v-22eb8b21]{background:var(--main-green);color:#fff}.login-modal-overlay .form-group[data-v-22eb8b21]{margin-bottom:18px}.login-modal-overlay label[data-v-22eb8b21]{display:block;font-weight:600;margin-bottom:6px;font-size:14px}.login-modal-overlay input[type=text][data-v-22eb8b21],.login-modal-overlay input[type=password][data-v-22eb8b21]{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #ccc;font-size:15px;outline:none;transition:border .2s,box-shadow .2s;box-sizing:border-box}.login-modal-overlay input[data-v-22eb8b21]:focus{border-color:var(--main-green);box-shadow:0 0 4px #22262e66}.login-modal-overlay .checkbox[data-v-22eb8b21]{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;margin-bottom:24px}.login-modal-overlay .checkbox input[data-v-22eb8b21]{margin-top:2px;width:18px;height:18px;accent-color:var(--main-green);cursor:pointer;flex-shrink:0}.login-modal-overlay .checkbox label[data-v-22eb8b21]{margin:0;font-weight:500;color:#444}.login-modal-overlay .action-btn[data-v-22eb8b21]{width:100%;padding:12px;border:none;border-radius:8px;background:var(--primary);font-weight:700;font-size:16px;cursor:pointer;color:#222;transition:background .25s,transform .1s}.login-modal-overlay .action-btn[data-v-22eb8b21]:hover{background:#46b335;transform:translateY(-1px)}.login-modal-overlay footer[data-v-22eb8b21]{text-align:center;margin-top:24px;font-size:12px;color:#777;line-height:1.4}.login-modal-overlay .form[data-v-22eb8b21]{display:none}.login-modal-overlay .form.active[data-v-22eb8b21]{display:block}@media(max-width:480px){.login-modal-content[data-v-22eb8b21]{margin:0 10px}.login-modal-overlay .container[data-v-22eb8b21]{padding:18px 16px 26px}}