body {
  font-family: 'Poppins', sans-serif;
  background: linear-gradient(#1e1333, #3b1f5c);
  color: white;
  text-align: center;
  margin: 0;
}

.nav {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}

.hero {
  padding: 80px 20px;
}

.buttons .btn {
  padding: 12px 20px;
  margin: 10px;
  border-radius: 20px;
  text-decoration: none;
}

.primary {
  background: #ff7eb9;
  color: white;
}

.secondary {
  background: #7f5af0;
  color: white;
}

.card {
  background: rgba(255,255,255,0.1);
  margin: 20px;
  padding: 20px;
  border-radius: 15px;
}

footer {
  margin-top: 40px;
  padding: 20px;
  opacity: 0.7;
}