/* Custom styles beyond Tailwind utility classes */

.gradient-hero {
  background: radial-gradient(circle at 20% 20%, #eef4ff 0%, #f8fafc 45%, #ffffff 100%);
}

.card-hover {
  transition: transform .2s ease, box-shadow .2s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px -12px rgba(37, 60, 245, 0.15);
}

.loader {
  border: 3px solid #e2e8f0;
  border-top: 3px solid #3d63f5;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

textarea { font-family: inherit; }