* {
  box-sizing: border-box;
}
html,
body {
  overflow-x: hidden;
}
body {
  font-family: "Segoe UI", sans-serif;
  background-color: #f8f9fa;
  color: #1b2a41;
}
.hero {
  background: linear-gradient(145deg, #1b2a41, #3d3d3d);
  color: white;
  padding: 6rem 0;
}
.btn-accent {
  background-color: #1fc8db;
  color: #fff;
  border: none;
}
.btn-accent:hover {
  background-color: #17b3c4;
}
.section-title {
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
.card-hover:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}