body {
  margin: 0; font-family: 'Poppins', sans-serif; background-color: #1F1D36; color: #F8F9FA; text-align: center;
}
.hero {
  background: linear-gradient(135deg, #864AF9, #FF4D8D); padding: 100px 20px;
}
.hero h1 { font-size: 3em; margin-bottom: 10px; }
.hero .btn {
  background: #00F5D4; color: #1F1D36; padding: 10px 20px; border-radius: 50px; text-decoration: none; font-weight: 600;
}
section { padding: 60px 20px; }
h2 { color: #00F5D4; margin-bottom: 20px; }
.cards, .grid, .reviews { display: grid; gap: 20px; justify-content: center; }
.cards { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.card { background: #1F1D36; border: 1px solid #864AF9; border-radius: 12px; padding: 20px; }
.grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.grid div { background: #864AF9; border-radius: 12px; padding: 40px 0; }
blockquote { background: #FF4D8D; color: #fff; border-radius: 10px; padding: 20px; }
footer { background: #1F1D36; padding: 20px; font-size: 14px; color: #F8F9FA; }
footer span { color: #00F5D4; font-weight: bold; }