*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;min-height:100%;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;background:#050916;color:#fff}body{background:radial-gradient(circle at top,#18265f 0,#050916 42%,#02040c 100%)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}.mobile-app{width:100%;max-width:430px;min-height:100vh;margin:0 auto;padding:82px 10px 104px;overflow-x:hidden}
.topbar{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:radial-gradient(circle at center,rgba(146,64,255,.2),transparent 48%),linear-gradient(180deg,rgba(33,46,88,.98),rgba(12,20,45,.98));backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,194,40,.22);box-shadow:0 10px 28px rgba(0,0,0,.28);z-index:100}.top-logo{width:266px;height:68px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(255,204,65,.48)) drop-shadow(0 0 18px rgba(180,48,255,.36))}.icon-btn{position:relative;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:linear-gradient(180deg,#26376e,#121d42);color:#fff;font-size:18px;box-shadow:0 10px 24px rgba(0,0,0,.35)}.notify-dot{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:50%;background:#ff3b78;box-shadow:0 0 10px rgba(255,59,120,.8)}
.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:120}.overlay.active{display:block}.side-menu{position:fixed;top:0;left:-285px;width:270px;height:100vh;background:linear-gradient(180deg,#111b3d,#070b1d);z-index:130;padding:16px;transition:.25s ease;display:flex;flex-direction:column}.side-menu.active{left:0}.side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.menu-logo{width:178px;height:52px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,197,52,.38))}.close-btn{width:36px;height:36px;border:0;border-radius:10px;background:#1b2858;color:#fff;font-size:24px}.side-auth{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:4px 0 14px}.side-auth a{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;border-radius:12px;font-size:13px;font-weight:900}.side-login{background:linear-gradient(180deg,#ffcb3c,#ff9500);color:#1a1200}.side-register{background:linear-gradient(180deg,#8f45ff,#4e1abc);color:#fff}.side-links{display:grid}.side-links a{display:flex;align-items:center;gap:10px;padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;color:#eef3ff}.side-links a i{width:18px;color:#ffbd32}.sidebar-footer{margin-top:auto;padding:18px 0 8px;text-align:center;border-top:1px solid rgba(255,255,255,.08)}.sidebar-version{font-size:11px;color:#8ca4d8;letter-spacing:.8px;margin-bottom:6px}.sidebar-credit{font-size:12px;color:#d7def8;opacity:.9}.sidebar-credit strong{color:#ffb300;font-weight:900}
.announcement-bar{display:flex;align-items:center;gap:8px;height:44px;margin:6px 0 12px;padding:0 10px;border-radius:15px;background:linear-gradient(180deg,rgba(24,34,75,.88),rgba(9,14,35,.92));border:1px solid rgba(178,75,255,.45);overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.28)}.announce-icon{color:#ff4d87;font-size:18px}.announce-label{color:#ff4d87;font-size:13px;font-weight:900;white-space:nowrap}.announce-marquee{flex:1;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:700}.announce-marquee span{display:inline-block;padding-left:100%;animation:ticker 16s linear infinite}@keyframes ticker{to{transform:translateX(-100%)}}.announce-arrow{color:#dfe5ff;font-size:12px}
.hero-slider{position:relative;width:100%;height:138px;overflow:hidden;border-radius:18px;background:#111a3a;border:1px solid rgba(151,80,255,.48);box-shadow:0 14px 35px rgba(0,0,0,.36)}.slides{position:relative;width:100%;height:100%}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity 1.2s ease,transform 4.5s ease}.slide.active{opacity:1;transform:scale(1);z-index:2}.dots{position:absolute;left:0;right:0;bottom:10px;z-index:5;text-align:center}.dots span{display:inline-block;width:7px;height:7px;margin:0 4px;border-radius:999px;background:#fff;opacity:.35;transition:.25s}.dots span.active{width:23px;background:#ff4d87;opacity:1}
.worldcup-card{position:relative;margin:14px 0;min-height:150px;border-radius:20px;padding:20px 12px 18px;overflow:hidden;background:linear-gradient(rgba(5,9,22,.48),rgba(5,9,22,.76)),url("../images/worldcup-bg.jpg") center/cover no-repeat;border:1px solid rgba(220,77,255,.58);box-shadow:0 18px 42px rgba(0,0,0,.42)}.worldcup-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 50%,rgba(255,63,244,.26),transparent 30%),radial-gradient(circle at 90% 50%,rgba(255,63,244,.22),transparent 30%);pointer-events:none}.wc-badge{position:relative;margin:0 auto 10px;width:118px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:999px;color:#ff4d87;border:1px solid #ff4d87;font-weight:900;font-size:12px;background:rgba(10,12,30,.66)}.wc-title{position:relative;text-align:center;font-size:22px;font-weight:900;margin-bottom:16px;letter-spacing:.5px;text-shadow:0 3px 12px rgba(0,0,0,.7)}.wc-countdown{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.time-box{height:70px;border-radius:14px;background:rgba(7,10,28,.72);border:1px solid rgba(229,73,255,.75);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 18px rgba(174,43,255,.2)}.time-box strong{font-size:26px;line-height:1;color:#fff;text-shadow:0 0 14px rgba(255,87,255,.85)}.time-box small{margin-top:7px;font-size:8px;font-weight:900}
.game-categories{display:flex;gap:10px;overflow-x:auto;padding:10px 10px 12px;margin:0 0 16px;border-radius:20px;background:linear-gradient(180deg,rgba(17,26,58,.8),rgba(7,12,29,.9));border:1px solid rgba(255,255,255,.16);scrollbar-width:none;scroll-snap-type:x mandatory}.game-categories::-webkit-scrollbar{display:none}.game-btn{flex:0 0 76px;height:72px;border:0;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);scroll-snap-align:start;transition:.22s ease}.game-btn i{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:19px;box-shadow:0 8px 18px rgba(0,0,0,.32)}.game-btn span{font-size:11px;font-weight:900;white-space:nowrap}.game-btn.sports i{background:linear-gradient(145deg,#e95c13,#8b2505)}.game-btn.slots i{background:linear-gradient(145deg,#b44dff,#45118d)}.game-btn.casino i{background:linear-gradient(145deg,#1fc870,#07572e)}.game-btn.fishing i{background:linear-gradient(145deg,#10aaff,#044d8c)}.game-btn.esports i{background:linear-gradient(145deg,#b442e9,#4b1272)}.game-btn.lottery i{background:linear-gradient(145deg,#f1a216,#754305)}.game-btn.dragon i{background:linear-gradient(145deg,#ff3b45,#741018)}.game-btn.active{background:linear-gradient(180deg,rgba(146,49,255,.95),rgba(70,22,151,.95));border-color:rgba(218,105,255,.9);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 22px rgba(176,74,255,.45);transform:translateY(-2px)}
.section-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 10px}.section-head h3{margin:0;font-size:18px;font-weight:900}.section-head h3 i{margin-right:6px;color:#ffb000}.section-head a{color:#ff4d87;font-size:13px;font-weight:900}.popular-games-section{margin-bottom:12px}.popular-games-grid{display:none;grid-template-columns:repeat(3,1fr);gap:9px;opacity:0;transform:translateY(8px)}.popular-games-grid.active{display:grid;animation:fadeUp .28s ease forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.game-card{position:relative;height:112px;border-radius:14px;overflow:hidden;background:#111a3a;border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 24px rgba(0,0,0,.24)}.game-card img{width:100%;height:100%;object-fit:cover}.game-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(transparent,rgba(0,0,0,.84))}.game-card.hot:before{content:"HOT";position:absolute;top:7px;right:7px;z-index:3;padding:4px 6px;border-radius:999px;background:#ff3b78;color:#fff;font-size:9px;font-weight:900;box-shadow:0 0 12px rgba(255,59,120,.55)}.game-card span{position:absolute;left:7px;right:7px;bottom:8px;z-index:2;font-size:11px;font-weight:900;color:#fff;line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.match-scroll{display:flex;gap:9px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.match-scroll::-webkit-scrollbar{display:none}.match-card{flex:0 0 210px;min-height:98px;display:grid;grid-template-columns:42px 1fr 30px 1fr 42px;align-items:center;gap:4px;background:linear-gradient(180deg,#111a3a,#0c132b);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 8px}.flag{width:36px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(255,255,255,.08);font-size:23px}.match-card b{font-size:12px;text-align:center}.match-card span{font-weight:900;font-size:13px;text-align:center}.match-card small{grid-column:1/6;margin-top:8px;text-align:center;color:#ffbf00;font-size:13px;font-weight:900}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.provider-card{height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#111a3a,#0b1128);border:1px solid rgba(255,255,255,.12);border-radius:15px;overflow:hidden;text-align:center}.provider-card img{width:66px;height:38px;object-fit:contain}.provider-card span{max-width:100%;padding:0 4px;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-float{position:fixed;right:10px;bottom:86px;z-index:90;height:58px;min-width:154px;padding:6px 8px 6px 16px;border:0;border-radius:999px;background:linear-gradient(135deg,#b63dff,#6e27eb);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;box-shadow:0 12px 30px rgba(130,55,255,.48)}.ai-float span{display:flex;flex-direction:column;text-align:left;line-height:1.08}.ai-float b{font-size:15px}.ai-float small{font-size:12px}.ai-float img{width:54px;height:54px;object-fit:contain}.ai-box{display:none;position:fixed;right:10px;bottom:152px;width:300px;max-width:calc(100% - 20px);background:#101833;border-radius:18px;overflow:hidden;z-index:110;border:1px solid rgba(255,255,255,.12)}.ai-box.active{display:block}.ai-head{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#18244d}.ai-head button{border:0;background:transparent;color:#fff;font-size:22px}.ai-body{padding:14px;color:#dfe5ff;font-size:13px}.ai-options{display:grid;gap:8px;padding:0 12px 12px}.ai-options button{border:0;border-radius:12px;padding:10px;background:#1b2858;color:#fff;font-weight:700}
.plus-menu{display:none;position:fixed;left:50%;bottom:86px;transform:translateX(-50%);width:235px;height:122px;z-index:95}.plus-menu.active{display:block}.plus-menu button{position:absolute;width:72px;height:72px;border:0;border-radius:50%;background:linear-gradient(180deg,#1f2d62,#101833);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:18px;box-shadow:0 12px 24px rgba(0,0,0,.35)}.plus-menu button span{font-size:9px;font-weight:800}.plus-menu button:nth-child(1){left:81px;top:0;color:#ffd35c}.plus-menu button:nth-child(2){left:0;bottom:0}.plus-menu button:nth-child(3){right:0;bottom:0}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:430px;height:76px;background:linear-gradient(180deg,#121c41,#090f25);border-top-left-radius:26px;border-top-right-radius:26px;display:grid;grid-template-columns:1fr 1fr 88px 1fr 1fr;align-items:center;z-index:100;padding:0 8px;box-shadow:0 -10px 26px rgba(0,0,0,.45)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#dce5ff;font-size:20px}.nav-item span{font-size:11px;font-weight:800}.nav-item.active{color:#ffb000}.plus-btn{width:70px;height:70px;margin:0 auto;margin-top:-38px;border:7px solid #050916;border-radius:50%;background:linear-gradient(180deg,#ffcb3c,#ff9500);color:#fff;font-size:30px;z-index:105;box-shadow:0 10px 28px rgba(255,158,0,.36);transition:.2s ease}.plus-btn.active{transform:rotate(45deg)}@media(max-width:360px){.top-logo{width:226px}.icon-btn{width:38px;height:38px;flex-basis:38px}.game-btn{flex-basis:70px;height:68px}.popular-games-grid{gap:7px}.game-card{height:98px}.game-card span{font-size:10px}}