* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: system-ui, Arial, sans-serif;
  background: #0f0f0f;
  color: #eee;
  line-height: 1.6;
}
a { color: #ff9800; text-decoration: none; }
header, footer { background:#111; padding:1rem; text-align:center; }
.main-nav {
  display:flex; justify-content:center; gap:1rem; padding:.8rem;
  background:#1a1a1a;
}
.main-nav a { font-weight:600; }
section { padding:2rem; max-width:1200px; margin:auto; }
.grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
  gap:1rem;
}
.card {
  background:#1c1c1c;
  border-radius:8px;
  overflow:hidden;
  transition:transform .2s;
}
.card:hover { transform:scale(1.03); }
.card img { width:100%; display:block; }
.card h3 { padding:.5rem; font-size:1rem; }
.review { background:#1b1b1b; padding:1rem; border-radius:8px; }
iframe { width:100%; aspect-ratio:16/9; border:none; }