*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;background:#f4f4f4;color:#222;line-height:1.6;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
/* Header */
header{background:#000;color:#fff;position:sticky;top:0;z-index:100;border-bottom:3px solid #e10a0a;}
.top-bar{background:#e10a0a;color:#fff;padding:6px 20px;font-size:13px;text-align:right;}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;flex-wrap:wrap;max-width:1400px;margin:0 auto;}
.logo{font-size:26px;font-weight:900;color:#e10a0a;letter-spacing:1px;}
nav ul{display:flex;list-style:none;gap:5px;flex-wrap:wrap;}
nav ul li a{padding:10px 16px;display:block;font-weight:600;font-size:14px;text-transform:uppercase;border-radius:3px;transition:.2s;}
nav ul li a:hover,nav ul li a.active{background:#e10a0a;color:#fff;}
.auth-btns{display:flex;gap:8px;}
.btn{padding:9px 18px;border-radius:3px;font-weight:700;font-size:13px;text-transform:uppercase;transition:.2s;border:none;cursor:pointer;}
.btn-login{background:transparent;color:#fff;border:1px solid #fff;}
.btn-login:hover{background:#fff;color:#000;}
.btn-register{background:#e10a0a;color:#fff;}
.btn-register:hover{background:#b00808;}
/* Hero */
.hero{background:linear-gradient(135deg,#1a1a1a 0%,#3a0808 100%);color:#fff;padding:60px 20px;text-align:center;}
.hero h1{font-size:42px;margin-bottom:18px;color:#fff;}
.hero h1 span{color:#e10a0a;}
.hero p{font-size:17px;max-width:780px;margin:0 auto 25px;color:#ddd;}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.hero-btns .btn{padding:14px 30px;font-size:14px;}
/* Sections */
section{padding:55px 20px;}
.container{max-width:1300px;margin:0 auto;}
h2{font-size:28px;margin-bottom:25px;border-left:5px solid #e10a0a;padding-left:14px;color:#1a1a1a;}
h3{font-size:20px;margin-bottom:12px;color:#222;}
h4{font-size:16px;margin-bottom:8px;color:#333;}
/* Quick stats */
.stats{background:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:40px 20px;}
.stat-item{text-align:center;padding:15px;}
.stat-item .num{font-size:32px;color:#e10a0a;font-weight:800;}
.stat-item .label{font-size:14px;color:#555;margin-top:6px;}
/* Game grid */
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;}
.game-card{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:.25s;}
.game-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgba(0,0,0,.15);}
.game-card img{width:100%;height:180px;object-fit:cover;}
.game-card .info{padding:12px;}
.game-card .info h4{font-size:15px;margin-bottom:4px;}
.game-card .info p{font-size:12px;color:#777;}
.tag{display:inline-block;background:#e10a0a;color:#fff;font-size:11px;padding:2px 8px;border-radius:2px;margin-top:6px;}
/* Features */
.features-bg{background:#fff;}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.feature{padding:24px;border:1px solid #eee;border-radius:6px;border-top:3px solid #e10a0a;}
.feature h3{color:#e10a0a;}
/* Showcase */
.showcase{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;}
.showcase img{border-radius:6px;}
.showcase-text p{margin-bottom:14px;font-size:15px;}
/* Process */
.process-bg{background:#1a1a1a;color:#fff;}
.process-bg h2{color:#fff;border-color:#e10a0a;}
.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.step{background:#2a2a2a;padding:22px;border-radius:6px;border-left:3px solid #e10a0a;}
.step .n{font-size:30px;color:#e10a0a;font-weight:800;}
.step h4{color:#fff;margin:8px 0;}
.step p{font-size:13px;color:#bbb;}
/* Article */
.article-content{background:#fff;padding:35px;border-radius:6px;}
.article-content p{margin-bottom:14px;font-size:15px;}
/* FAQ */
.faq-bg{background:#f9f9f9;}
.faq-item{background:#fff;margin-bottom:12px;padding:18px 22px;border-radius:5px;border-left:3px solid #e10a0a;}
.faq-item h4{font-size:16px;color:#1a1a1a;margin-bottom:8px;}
.faq-item p{font-size:14px;color:#444;}
.faq-item ul{margin-top:8px;padding-left:20px;font-size:14px;color:#444;}
/* Review */
.review{background:#fff8f8;padding:22px;border-left:4px solid #e10a0a;border-radius:4px;margin:20px 0;font-style:italic;color:#444;}
/* Footer */
footer{background:#0a0a0a;color:#bbb;padding:50px 20px 20px;font-size:14px;}
.footer-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;}
.footer-col h4{color:#fff;margin-bottom:14px;font-size:15px;text-transform:uppercase;border-bottom:1px solid #333;padding-bottom:6px;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:6px;}
.footer-col ul li a:hover{color:#e10a0a;}
.footer-col p{margin-bottom:8px;font-size:13px;}
.footer-bottom{max-width:1300px;margin:30px auto 0;border-top:1px solid #333;padding-top:18px;text-align:center;font-size:12px;color:#888;}
.age-badge{display:inline-block;background:#e10a0a;color:#fff;padding:4px 10px;border-radius:3px;font-weight:700;margin:0 5px;}
@media(max-width:768px){
.nav-wrap{flex-direction:column;gap:10px;}
nav ul{justify-content:center;}
.hero h1{font-size:28px;}
.hero p{font-size:15px;}
.stats{grid-template-columns:repeat(2,1fr);}
.showcase{grid-template-columns:1fr;}
h2{font-size:22px;}
}