fix: fade-in animations apply inline styles directly

Author: molty3000

docs/index.html

@@ -460,7 +460,10 @@ <h2>Configuration</h2>
   // Fade-in animation on scroll
   const observer = new IntersectionObserver((entries) => {
     entries.forEach(entry => {
-      if (entry.isIntersecting) entry.target.classList.add('visible')
+      if (entry.isIntersecting) {
+        entry.target.style.opacity = '1'
+        entry.target.style.transform = 'translateY(0)'
+      }
     })
   }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' })