*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Montserrat',Arial,sans-serif;background:#0a1a4a;color:#fff;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.site-header{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,#0e2466 0%,#0a1a4a 100%);box-shadow:0 4px 20px rgba(0,0,0,.3)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px;max-width:1400px;margin:0 auto}.menu-btn{background:transparent;border:none;color:#fff;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer}.menu-btn svg{width:28px;height:28px}.logo{font-family:'Montserrat',sans-serif;font-weight:900;font-size:28px;color:#f5c542;letter-spacing:1px;text-shadow:0 2px 6px rgba(0,0,0,.5);font-style:italic}.header-actions{display:flex;gap:10px}.btn{padding:10px 18px;border-radius:8px;font-weight:800;font-size:13px;letter-spacing:.5px;border:none;cursor:pointer;text-transform:uppercase;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.3)}.btn-login{background:linear-gradient(180deg,#5fa9f5 0%,#2876d4 100%);color:#fff;clip-path:polygon(8% 0,100% 0,92% 100%,0% 100%)}.btn-register{background:linear-gradient(180deg,#f5c542 0%,#d99a1c 100%);color:#3a2200;clip-path:polygon(8% 0,100% 0,92% 100%,0% 100%)}.main-nav{display:flex;gap:0;padding:0 16px;background:#0a1a4a;border-top:1px solid rgba(255,255,255,.05);overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-item{padding:14px 22px;font-weight:700;font-size:14px;letter-spacing:.5px;color:#fff;white-space:nowrap;position:relative;transition:color .2s}.nav-item:hover{color:#f5c542}.nav-item:first-child::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:3px;background:#5fa9f5;border-radius:2px}.hero{position:relative;min-height:480px;background:linear-gradient(135deg,#1a3a8f 0%,#0a1a4a 100%);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,74,.3) 0%,rgba(10,26,74,.85) 100%)}.hero-content{position:relative;z-index:2;text-align:center;padding:30px 20px;max-width:600px}.hero-badge{display:inline-block;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);padding:8px 30px;font-style:italic;font-size:18px;font-weight:600;margin-bottom:16px;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)}.hero-title{font-size:28px;font-weight:800;background:rgba(15,30,90,.6);padding:14px 22px;border-radius:14px;display:inline-block;margin-bottom:20px;line-height:1.3;border:1px solid rgba(255,255,255,.1)}.btn-cta{display:inline-block;padding:18px 60px;background:linear-gradient(180deg,#f5c542 0%,#d99a1c 100%);color:#3a2200;font-weight:900;font-size:18px;letter-spacing:1px;border-radius:50px;text-transform:uppercase;box-shadow:0 8px 24px rgba(245,197,66,.4),inset 0 2px 0 rgba(255,255,255,.4);transition:transform .2s;clip-path:polygon(5% 0,100% 0,95% 100%,0% 100%)}.btn-cta:hover{transform:translateY(-2px)}.btn-cta.inline{margin-top:16px;padding:14px 40px;font-size:16px}.hero-dots{margin-top:24px;display:flex;gap:10px;justify-content:center}.dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.5)}.dot.active{background:#f5c542}.categories-bar{display:flex;gap:8px;padding:14px 16px;background:#0a1a4a;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;scrollbar-width:none;position:sticky;top:118px;z-index:900}.categories-bar::-webkit-scrollbar{display:none}.cat-item{display:flex;align-items:center;gap:8px;padding:12px 18px;background:rgba(20,40,100,.6);border:1px solid rgba(95,169,245,.3);border-radius:10px;font-weight:700;font-size:13px;color:#fff;white-space:nowrap;position:relative;transition:background .2s}.cat-item:hover,.cat-item.active{background:rgba(40,80,180,.7);border-color:#5fa9f5}.cat-item.active::after{content:'';position:absolute;bottom:-1px;left:20%;right:20%;height:3px;background:#5fa9f5;border-radius:2px}.cat-item svg{width:22px;height:22px;flex-shrink:0}.games-section{padding:20px 16px;max-width:1400px;margin:0 auto}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-weight:800;font-size:18px;font-style:italic;letter-spacing:.5px}.show-all{color:#f5c542;font-weight:600;font-size:14px;font-style:italic}.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.game-card{position:relative;background:linear-gradient(180deg,#1a3a8f 0%,#0e2466 100%);border-radius:12px;overflow:hidden;border:1px solid rgba(95,169,245,.4);aspect-ratio:1;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(95,169,245,.3)}.game-card img{width:100%;height:100%;object-fit:cover;background:#0e2466}.game-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));color:#fff;padding:20px 8px 6px;font-size:11px;font-weight:600;text-align:center;opacity:0;transition:opacity .2s}.game-card:hover .game-name{opacity:1}.badge-new,.badge-excl{position:absolute;top:8px;left:8px;background:#1fc15a;color:#fff;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:800;z-index:2;letter-spacing:.5px}.badge-excl{background:#5fa9f5}.breadcrumbs{padding:16px;max-width:1400px;margin:0 auto;font-size:13px;color:#9bb5e0}.breadcrumbs a{color:#5fa9f5}.breadcrumbs span{margin:0 6px;color:#5fa9f5}.seo-content{max-width:1100px;margin:20px auto 40px;padding:30px 20px;background:linear-gradient(180deg,rgba(20,40,100,.4),rgba(10,26,74,.6));border-radius:16px;border:1px solid rgba(95,169,245,.2)}.seo-content h1{font-size:32px;font-weight:800;line-height:1.2;margin-bottom:24px;color:#fff}.seo-content h2{font-size:24px;font-weight:700;margin:32px 0 16px;color:#f5c542;line-height:1.3}.seo-content h3{font-size:19px;font-weight:700;margin:24px 0 12px;color:#5fa9f5}.seo-content h4{font-size:17px;font-weight:600;margin:18px 0 10px;color:#fff}.seo-content p{margin-bottom:14px;color:#d0deef;font-size:15px}.seo-content strong{color:#fff;font-weight:700}.seo-content ul,.seo-content ol{margin:14px 0 18px 24px;color:#d0deef}.seo-content li{margin-bottom:8px;font-size:15px}.seo-content .hero-text{text-align:center;padding:20px;background:rgba(95,169,245,.06);border-radius:12px;margin-bottom:30px}.seo-content section{margin-bottom:30px}.table-wrap{width:100%;overflow-x:auto;margin:16px 0;border-radius:10px;border:1px solid rgba(95,169,245,.3);-webkit-overflow-scrolling:touch}.seo-content table{width:100%;border-collapse:collapse;min-width:400px;background:rgba(10,26,74,.6)}.seo-content table th,.seo-content table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(95,169,245,.15);font-size:14px;word-wrap:break-word}.seo-content table th{background:linear-gradient(180deg,#1a3a8f,#0e2466);color:#f5c542;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.seo-content table tr:nth-child(even) td{background:rgba(20,40,100,.3)}.seo-content table tr:hover td{background:rgba(95,169,245,.1)}.faq-section{margin-top:30px}.faq-item{background:rgba(20,40,100,.4);border:1px solid rgba(95,169,245,.2);border-radius:10px;margin-bottom:12px;overflow:hidden;transition:border-color .2s}.faq-item.open{border-color:#5fa9f5}.faq-q{padding:16px 20px;font-weight:700;font-size:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#fff;user-select:none}.faq-toggle{color:#f5c542;font-size:22px;font-weight:700;transition:transform .3s;line-height:1}.faq-item.open .faq-toggle{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-a{max-height:300px}.faq-a p{padding:0 20px 16px;color:#d0deef;font-size:14px;margin:0}.site-footer{background:#08163d;padding:24px 16px 40px;border-top:1px solid rgba(95,169,245,.15)}.footer-menu{max-width:800px;margin:0 auto 30px}.footer-row{display:flex;justify-content:space-between;align-items:center;padding:18px 4px;border-bottom:1px dashed rgba(95,169,245,.2);font-weight:700;font-size:14px;letter-spacing:.5px;color:#fff;cursor:pointer}.footer-row .arr{color:#5fa9f5}.payments{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;max-width:600px;margin:0 auto 20px}.pay-card{background:#fff;border-radius:8px;padding:10px 16px;display:flex;align-items:center;justify-content:center;height:54px;width:90px;border:1px solid rgba(95,169,245,.4)}.pay-card img{max-height:30px;width:auto}.show-more{color:#5fa9f5;font-weight:600;font-size:13px;padding:10px}.appstore{display:flex;justify-content:center;margin:20px auto}.appstore-btn{display:flex;align-items:center;gap:10px;background:#000;color:#fff;padding:12px 28px;border-radius:10px;border:1px solid #333}.appstore-btn svg{width:28px;height:28px}.appstore-btn small{display:block;font-size:10px;opacity:.8}.appstore-btn strong{font-size:18px;font-weight:700;line-height:1}.age-block{text-align:center;max-width:500px;margin:30px auto 0;color:#9bb5e0;font-size:12px}.age-circle{width:54px;height:54px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-weight:700;font-size:16px;color:#fff}.age-block p{margin-bottom:6px;line-height:1.5}.footer-disclaimer{max-width:800px;margin:20px auto 0;padding-top:20px;border-top:1px solid rgba(95,169,245,.15);text-align:center;color:#7a92ba;font-size:11px}@media (max-width:768px){.games-grid{grid-template-columns:repeat(2,1fr)}.seo-content h1{font-size:24px}.seo-content h2{font-size:20px}.seo-content h3{font-size:17px}.hero-title{font-size:22px}.hero{min-height:400px}.logo{font-size:22px}.btn{padding:8px 14px;font-size:11px}.header-inner{padding:10px 12px}.categories-bar{top:106px}.nav-item{padding:12px 16px;font-size:12px}.seo-content{padding:20px 14px;margin:14px}.seo-content table th,.seo-content table td{padding:8px 10px;font-size:12px}}@media (max-width:480px){.games-grid{grid-template-columns:repeat(2,1fr);gap:8px}.header-actions{gap:6px}.btn{padding:7px 10px;font-size:10px}.btn-cta{padding:14px 36px;font-size:15px}.hero-content{padding:20px 12px}.hero-badge{font-size:14px;padding:6px 20px}.section-title{font-size:15px}.show-all{font-size:12px}}