/* Import font Inter dari Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Font utama untuk seluruh halaman */
body { 
  font-family: 'Inter', sans-serif; 
}

/* Background gradient */
.gradient-bg { 
  background: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%); 
}

/* Efek hover pada card */
.card-hover { 
  transition: all 0.3s ease; 
}

.card-hover:hover { 
  transform: translateY(-5px); 
  box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15); 
}

/* Link navigasi */
.nav-link { 
  transition: all 0.3s ease; 
}

.nav-link:hover { 
  color: #06b6d4; 
}

.nav-link.active { 
  color: #06b6d4; 
  border-bottom: 2px solid #06b6d4; 
}

/* Menu mobile animasi buka/tutup */
.mobile-menu { 
  max-height: 0; 
  overflow: hidden; 
  transition: max-height 0.3s ease; 
}

.mobile-menu.show { 
  max-height: 400px; 
}

/* SPA: Sembunyikan halaman kecuali yang aktif */
.page { 
  display: none; 
}

.page.active { 
  display: block; 
}

/* Tombol utama dengan gradient */
.btn-primary { 
  background: linear-gradient(135deg, #3b82f6, #06b6d4); 
  transition: all 0.3s ease;
}

.btn-primary:hover { 
  background: linear-gradient(135deg, #2563eb, #0891b2); 
}