/* ============================================ Animations ============================================ */ /* Scroll reveal — default visible for bots/no-JS, JS adds .js-ready to */ .reveal { opacity: 1; transform: none; transition: opacity 0.6s ease, transform 0.6s ease; } html.js-ready .reveal { opacity: 0; transform: translateY(24px); } html.js-ready .reveal.is-visible { opacity: 1; transform: translateY(0); } .reveal--delay-1 { transition-delay: 0.1s; } .reveal--delay-2 { transition-delay: 0.2s; } .reveal--delay-3 { transition-delay: 0.3s; } .reveal--delay-4 { transition-delay: 0.4s; } /* Fade in scale */ @keyframes fade-in-scale { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } /* Pulse glow */ @keyframes pulse-glow { 0%, 100% { box-shadow: 0 0 0 rgba(74, 141, 255, 0); } 50% { box-shadow: 0 0 20px rgba(74, 141, 255, 0.2); } } /* Typing cursor blink */ @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } .reveal { opacity: 1; transform: none; } }