/* Base animations */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Custom circle animation for homepage logo */
@keyframes glow {
  0% {
    filter: drop-shadow(0 0 2px rgba(99, 102, 241, 0.4));
  }
  50% {
    filter: drop-shadow(0 0 8px rgba(99, 102, 241, 0.6));
  }
  100% {
    filter: drop-shadow(0 0 2px rgba(99, 102, 241, 0.4));
  }
}

svg circle:first-child {
  animation: glow 3s ease-in-out infinite;
}

/* Hover effects */
a:not(.no-hover-effect):hover svg {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

/* Focus styles for accessibility */
a:focus, button:focus, input:focus, textarea:focus, select:focus {
  outline: 2px solid rgba(99, 102, 241, 0.5);
  outline-offset: 2px;
}

/* Custom textarea styling */
textarea {
  min-height: 80px;
  resize: vertical;
  background-color: transparent;
  border-radius: 0.375rem;
  border-width: 1px;
  padding: 0.5rem 0.75rem;
  line-height: 1.5;
  font-size: 0.875rem;
  width: 100%;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

textarea:focus {
  outline: none;
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25);
}