body { font-family: 'Rubik', sans-serif; background: #000; color: #fff; margin: 0; }
a { color: #1DB954; text-decoration: none; }
header, footer { padding: 1em 0; background: #111; }
.container { width: 90%; max-width: 1200px; margin: 0 auto; }

.nav-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-nav ul {
  list-style: none;
  display: flex;
  gap: 1.5em;
  margin: 0;
  padding: 0;
}

.main-nav ul li a {
  color: #1DB954;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.9em;
}

.hero { padding: 5em 0; text-align: center; background: linear-gradient(145deg, #000, #111); }
.hero h1 { font-size: 2.5em; margin-bottom: 0.5em; }
.hero p { font-size: 1.2em; margin-bottom: 1em; }
.buy-now { display: inline-block; padding: 0.8em 2em; background: #1DB954; color: #000; font-weight: bold; border-radius: 4px; }

.products { padding: 3em 0; text-align: center; }
.products h2 { color: #1DB954; font-size: 1.8em; margin-bottom: 1em; }