body {
  background-color: #0e1e3d;
  color: #f8f9fa;
  scroll-behavior: smooth;
  font-family: "Poppins", sans-serif;
}

.navbar {
  background-color: rgba(14, 30, 61, 0.95) !important;
}

.hero {
  height: 100vh;
  background: radial-gradient(circle at top, #0e1e3d 0%, #000 90%);
  padding: 0 20px;
}

.logo-hero {
  width: 180px;
  border-radius: 12px;
}

.card-service {
  background-color: #13274f;
  border: none;
  border-radius: 1rem;
  transition: transform 0.3s, box-shadow 0.3s;
}

.card-service img {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.card-service .card-body {
  color: #eaf2ff;
  font-size: 0.95rem;
}

.card-service:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(255,255,255,0.1);
}

footer {
  background-color: #0a142b;
}

.bg-gradient-dark {
  background: linear-gradient(180deg, #0e1e3d 0%, #000000 100%);
}