/* Hero animations */
@keyframes heroFloat {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(-30px, 30px) scale(1.1); }
}
@keyframes heroSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes heroExpand {
  0% { transform: translate(-50%,-50%) scale(0.8); opacity: 0.5; }
  100% { transform: translate(-50%,-50%) scale(1.5); opacity: 0; }
}
@keyframes heroBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
@keyframes eqBounce {
  0% { transform: scaleY(0.3); }
  100% { transform: scaleY(1); }
}
@keyframes typewriterLine {
  0%, 100% { width: 0; }
  50% { width: 200px; }
}

/* Tool card effect: accent border */
a[href^="/"][class*="rounded"] {
  border-left: 3px solid transparent !important;
  transition: all 0.3s ease !important;
}
a[href^="/"][class*="rounded"]:hover {
  border-left-color: #dc2626 !important;
  background: linear-gradient(90deg, rgba(220,38,38,0.05) 0%, transparent 100%) !important;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #1a0505; }
::-webkit-scrollbar-thumb { background: rgba(220,38,38,0.3); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(220,38,38,0.5); }

/* Selection */
::selection { background: rgba(220,38,38,0.2); color: inherit; }

/* Tool page upload area */
[class*="upload"], [class*="dropzone"], [style*="dashed"] {
  border-color: rgba(220,38,38, 0.3) !important;
  background: rgba(220,38,38, 0.02) !important;
}
[class*="upload"]:hover, [class*="dropzone"]:hover {
  border-color: #dc2626 !important;
  background: rgba(220,38,38, 0.05) !important;
}

/* Tool page CTA buttons */
button[class*="primary"], a[class*="primary"], [style*="background:#dc2626"] {
  transition: all 0.3s ease !important;
}
button[class*="primary"]:hover, a[class*="primary"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(220,38,38, 0.3) !important;
}

/* Tool page breadcrumb */
nav[aria-label="breadcrumb"] a {
  color: #dc2626 !important;
}

/* Tool page related tools cards */
[data-tool-icon] img {
  transition: transform 0.3s ease;
}
[data-tool-icon]:hover img {
  transform: scale(1.1);
}

/* Smooth page transitions */
main {
  animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Focus styles for accessibility */
a:focus-visible, button:focus-visible {
  outline: 2px solid #dc2626 !important;
  outline-offset: 2px !important;
}