body {
  font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f7fafc;
  color: #0f172a;
}

a {
  transition: color 0.3s ease, transform 0.3s ease;
}

a:hover {
  color: #0ea5e9;
  transform: translateY(-1px);
}

.page-hero {
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.85), rgba(59, 130, 246, 0.85)),
    url('images/1.jpg') center/cover no-repeat;
}

.section-card {
  box-shadow: 0 20px 45px -20px rgba(15, 23, 42, 0.35);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.section-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 60px -24px rgba(15, 23, 42, 0.5);
}

.highlight-gradient {
  background-image: linear-gradient(120deg, rgba(14, 165, 233, 0.15), rgba(59, 130, 246, 0.15));
}

.floating-badge {
  box-shadow: 0 10px 30px -15px rgba(14, 165, 233, 0.9);
  backdrop-filter: blur(10px);
}