* {margin:0; padding:0; box-sizing:border-box;}
body {font-family: Arial, sans-serif; background:#0a0014; color:#E0E0E0; line-height:1.6;}
.header-166 {background:linear-gradient(135deg, #4A148C 0%, #7B1FA2 100%); padding:15px 0; position:sticky; top:0; z-index:1000; box-shadow:0 2px 10px rgba(156,39,176,0.3);}
.container-166 {max-width:1200px; margin:0 auto; padding:0 20px; display:flex; justify-content:space-between; align-items:center;}
.logo-166 img {height:50px;}
.nav-166 a {color:#E0E0E0; text-decoration:none; margin-left:25px; font-weight:500; transition:color 0.3s;}
.nav-166 a:hover, .nav-166 a.active-166 {color:#9C27B0;}
.btn-166 {background:linear-gradient(135deg, #9C27B0 0%, #BA68C8 100%); color:#FFF !important; padding:10px 25px; border-radius:25px; font-weight:bold; box-shadow:0 4px 15px rgba(156,39,176,0.4);}
.btn-166:hover {transform:translateY(-2px); box-shadow:0 6px 20px rgba(156,39,176,0.6);}
.hero-166 {background:linear-gradient(135deg, #1a0033 0%, #2d0052 100%); padding:100px 20px; text-align:center;}
.hero-166 h1 {font-size:3.5em; color:#9C27B0; margin-bottom:20px; text-shadow:0 0 20px rgba(156,39,176,0.5);}
.hero-166 p {font-size:1.3em; color:#C0C0C0; max-width:700px; margin:0 auto 30px;}
.content-166 {padding:60px 20px; max-width:1200px; margin:0 auto;}
.games-grid-166 {display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:25px; margin:40px 0;}
.game-card-166 {background:#1a0033; border-radius:15px; overflow:hidden; transition:transform 0.3s; border:2px solid transparent;}
.game-card-166:hover {transform:translateY(-5px); border-color:#9C27B0; box-shadow:0 10px 30px rgba(156,39,176,0.3);}
.game-card-166 img {width:100%; height:200px; object-fit:cover;}
.game-card-166 h3 {color:#9C27B0; padding:15px; font-size:1.3em;}
.game-card-166 p {color:#C0C0C0; padding:0 15px 15px;}
.footer-166 {background:#0a0014; padding:30px 20px; text-align:center; color:#888; border-top:1px solid #2d0052;}
@media (max-width:768px) {.nav-166 {display:none;} .hero-166 h1 {font-size:2em;}}