.blog-section{background-color:var(--secondary);position:relative}.blog-section::before{content:'';position:absolute;inset:0;background:url('/static-assets/concrete-wall.webp');opacity:0.04;pointer-events:none}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.blog-card{background:rgba(26,26,26,0.86);border-radius:10px;transition:var(--transition);border-bottom:3px solid transparent;overflow:hidden;position:relative;cursor:pointer;box-shadow:var(--shadow-md)}.blog-card:hover{transform:translateY(-5px);border-bottom:3px solid var(--primary);box-shadow:var(--shadow-lg)}.blog-card-content{padding:26px;position:relative;z-index:2}.blog-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,90,0,0.12)0%,rgba(255,160,0,0.08)100%);opacity:0;transition:var(--transition)}.blog-card:hover::before{opacity:1}.blog-card-image{height:220px;overflow:hidden;position:relative}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.blog-card:hover.blog-card-image img{transform:scale(1.05)}.blog-date{color:var(--primary);font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.blog-card h3{font-size:1.3rem;margin-bottom:12px;color:#fff;line-height:1.3}.blog-card p{color:var(--text-muted);font-size:0.97rem;line-height:1.5}.scroll-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary);color:#1a1a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);opacity:0;visibility:hidden;z-index:999;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,0.12);font-weight:900}.scroll-top.active{opacity:1;visibility:visible}.scroll-top:hover{background:var(--accent);transform:translateY(-5px)}.scroll-top:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.section{padding:90px 0}}
@media(max-width:992px){.section{padding:80px 0}.section-title h2{font-size:2.2rem}.game-card{width:320px;height:500px}}
@media(max-width:768px){.header-container{padding:15px 20px}.logo h1{font-size:1.6rem}
nav{position:fixed;top:72px;left:-100%;width:100%;height:calc(100vh-72px);background-color:var(--secondary);transition:var(--transition);z-index:999;padding-top:24px;backdrop-filter:blur(10px)}
nav.active{left:0}
nav ul{flex-direction:column;align-items:center;gap:30px}.mobile-menu-btn{display:block}.faq-question{padding:16px 20px;font-size:1rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px}.feature-card{padding:30px 20px}.feature-icon{width:70px;height:70px;margin-bottom:20px}}
@media(max-width:576px){.section-title h2{font-size:1.9rem}.game-card{width:100%;max-width:360px}.blog-grid{grid-template-columns:1fr}.download-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.section{padding:70px 0}.faq-question{font-size:0.95rem;padding:14px 18px}.feature-card h3{font-size:1.25rem}}
@media(max-width:400px){.stats-grid{grid-template-columns:1fr}}