.ddar-gradient-bg {
  background: linear-gradient(135deg, #2563EB 0%, #4F46E5 100%) !important;
  transition: all 0.3s ease !important;
}

.ddar-gradient-bg:hover {
  background: linear-gradient(135deg, #1D4ED8 0%, #4338CA 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.4) !important;
}

.ddar-gradient-text {
  background: linear-gradient(135deg, #2563EB 0%, #4F46E5 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.ddar-hero-bg {
  background: linear-gradient(135deg, #DBEAFE 0%, #E0E7FF 25%, #F3E8FF 100%) !important;
}

.dark .ddar-hero-bg {
  background: linear-gradient(135deg, #1E3A8A 0%, #312E81 25%, #581C87 100%) !important;
}

.ddar-card-shadow {
  box-shadow: 0 1px 3px rgba(37, 99, 235, 0.1), 0 1px 2px rgba(37, 99, 235, 0.06) !important;
  transition: all 0.3s ease !important;
}

.ddar-card-shadow:hover {
  box-shadow: 0 20px 25px -5px rgba(37, 99, 235, 0.15), 0 10px 10px -5px rgba(37, 99, 235, 0.1) !important;
  transform: translateY(-2px) !important;
}