body{margin:0;font-family:sans-serif;background:#fff;color:#333}
header{background:#000;color:#fff;text-align:center;padding:20px}
.hero{background:linear-gradient(to right,#0f9b0f,#000);color:#fff;text-align:center;padding:60px}
.btn{background:#25D366;padding:12px 20px;color:#fff;text-decoration:none;border-radius:5px}
.about,.products,.contact{padding:40px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.card{background:#f4f4f4;padding:20px;border-radius:10px}
footer{background:#000;color:#fff;text-align:center;padding:10px}
.premium {
  padding: 50px;
  background: #f9f9f9;
  text-align: center;
}

.features {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}

.card {
  background: white;
  padding: 20px;
  border-radius: 12px;
  width: 250px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: 0.3s;
}

.card:hover {
  transform: translateY(-10px);
}