* {
  box-sizing: border-box;
}
html,
body {
  overflow-x: hidden;
}
body {
  background-color: #f4f6f9;
  font-family: "Segoe UI", sans-serif;
}
.hero {
  background: linear-gradient(135deg, #1e1e2f 60%, #c6f12d 40%);
  color: white;
  padding: 6rem 1rem;
}
.btn-accent {
  background-color: #c6f12d;
  color: #1e1e2f;
  font-weight: 600;
  border: none;
}
.btn-accent:hover {
  background-color: #b3d928;
}
.section-title {
  color: #1e1e2f;
  font-weight: 700;
  margin-bottom: 1rem;
}
.section-subtitle {
  color: #555;
  font-size: 1.1rem;
}
.card-feature {
  border: none;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.icon-box {
  font-size: 2.5rem;
  color: #c6f12d;
}