* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { 
  font-family: 'Roboto', sans-serif; 
  background: linear-gradient(180deg, #1a0033 0%, #0d001a 50%, #000000 100%);
  color: #e0e0e0; 
  line-height: 1.8;
}
.topo-fixo {
  background: linear-gradient(135deg, #2d0052 0%, #1a0033 100%);
  border-bottom: 3px solid #9d4edd;
  padding: 15px 0;
}
.container-nav {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.logo-principal { height: 70px; }
.menu-principal { display: flex; list-style: none; gap: 35px; flex-wrap: wrap; }
.menu-principal a { color: #c77dff; text-decoration: none; font-weight: 600; transition: 0.3s; }
.menu-principal a:hover { color: #e0aaff; }
.botao-acao {
  background: linear-gradient(135deg, #9d4edd 0%, #7b2cbf 100%);
  color: #fff;
  padding: 14px 35px;
  border-radius: 30px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s;
}
.botao-acao:hover { transform: translateY(-3px); }
.secao-hero { padding: 100px 0; text-align: center; }
.secao-hero h1 { font-size: 4em; margin-bottom: 25px; color: #e0aaff; }
.secao-hero p { font-size: 1.4em; margin-bottom: 35px; color: #c77dff; }
.container-conteudo { max-width: 1300px; margin: 0 auto; padding: 0 25px; }
.secao-padrao { padding: 80px 0; }
.secao-alternada { background: rgba(157,78,221,0.05); }
.titulo-secao { font-size: 2.8em; margin-bottom: 40px; color: #e0aaff; text-align: center; }
.grade-jogos { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 35px; margin-top: 50px; }
.cartao-jogo { background: linear-gradient(145deg, rgba(45,0,82,0.6), rgba(26,0,51,0.8)); border-radius: 20px; overflow: hidden; transition: 0.4s; border: 2px solid rgba(157,78,221,0.3); }
.cartao-jogo:hover { transform: translateY(-12px); }
.cartao-jogo img { width: 100%; height: 220px; object-fit: cover; }
.conteudo-cartao { padding: 25px; }
.cartao-jogo h3 { color: #e0aaff; margin-bottom: 12px; }
.grade-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 35px; margin-top: 50px; }
.cartao-info { background: linear-gradient(135deg, rgba(157,78,221,0.15), rgba(123,44,191,0.1)); padding: 35px; border-radius: 18px; border-left: 5px solid #9d4edd; }
.cartao-info h3 { color: #e0aaff; margin-bottom: 18px; }
.cartao-avaliacao { background: linear-gradient(145deg, rgba(45,0,82,0.5), rgba(26,0,51,0.7)); padding: 30px; border-radius: 18px; margin-bottom: 25px; border-left: 5px solid #c77dff; }
.cabecalho-avaliacao { display: flex; justify-content: space-between; margin-bottom: 18px; flex-wrap: wrap; }
.autor-avaliacao { font-weight: 700; color: #e0aaff; }
.estrelas-avaliacao { color: #ffd700; }
.rodape-site { background: linear-gradient(135deg, #0d001a 0%, #000000 100%); padding: 50px 0; margin-top: 80px; border-top: 3px solid #9d4edd; text-align: center; }
.links-rodape { display: flex; justify-content: center; gap: 35px; flex-wrap: wrap; margin-bottom: 25px; }
.links-rodape a { color: #c77dff; text-decoration: none; }
.bloco-texto { max-width: 1000px; margin: 0 auto; font-size: 1.15em; line-height: 1.9; }
@media (max-width: 768px) { .secao-hero h1 { font-size: 2.2em; } }