:root{
  --bg:#060614; --card:#10142a; --accent:#ffcc33; --muted:#cfcfcf;
}
*{box-sizing:border-box}
body{font-family:'Segoe UI',Segoe,Arial,sans-serif;background:var(--bg);color:#f5f5f5;margin:0;line-height:1.6;}
.container{width:95%;max-width:1100px;margin:0 auto;padding:24px;}
.site-header{background:rgba(11,18,32,0.6);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,204,51,0.03)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.logo{height:44px}
.top-nav a{color:var(--muted);margin:0 10px;text-decoration:none;font-size:14px}
.top-nav .btn-small{background:var(--accent);color:#000;padding:6px 10px;border-radius:6px;text-decoration:none;font-weight:600}
.hero{display:flex;gap:20px;align-items:center;padding:40px 0}
.hero-inner{display:flex;gap:32px;align-items:center;flex-wrap:wrap}
.hero-text{flex:1;min-width:280px}
.hero-text h1{font-size:2rem;color:var(--accent);margin:0 0 10px}
.hero-text .lead{color:var(--muted);margin-bottom:12px}
.cta{display:inline-block;background:var(--accent);color:#000;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:700}
.hero-media img{max-width:420px;border-radius:12px;display:block}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}
.feature{background:var(--card);padding:18px;border-radius:10px;text-align:center}
.games .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.games article{background:var(--card);padding:10px;border-radius:8px;text-align:center}
.keywords, .bonus, .faq{background:var(--card);padding:18px;border-radius:10px;margin:18px 0}
.site-footer{background:#0b1220;padding:18px;text-align:center;color:var(--muted)}
small{color:var(--muted)}
@media(max-width:800px){
  .hero{padding:20px 0}.hero-media{order:-1}.hero-media img{max-width:320px}
}