body {
  margin:0;
  font-family:Arial, sans-serif;
  background:#0f0f0f;
  color:#fff;
}

header {
  display:flex;
  justify-content:space-between;
  padding:20px;
  background:#141414;
}

nav a {
  color:#ccc;
  margin-left:20px;
  text-decoration:none;
}

.hero {
  text-align:center;
  padding:80px 20px;
  background:linear-gradient(to right,#1f1f1f,#000);
}

.hero button {
  padding:12px 24px;
  background:#e50914;
  border:none;
  color:white;
  font-size:16px;
}

.grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:20px;
  padding:40px;
}

.card {
  background:#1c1c1c;
  height:200px;
  border-radius:10px;
}