/* Basic animations and reduced motion */
@keyframes fadeIn { from { opacity:0; transform: translateY(10px);} to { opacity:1; transform: translateY(0);} }
@keyframes fadeOut { from { opacity:1; transform: translateY(0);} to { opacity:0; transform: translateY(-10px);} }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
  html:focus-within { scroll-behavior: auto; }
}