[x-cloak] { display: none !important; }
        .slide-enter { animation: slideEnter 0.6s ease-out forwards; }
        .slide-leave { animation: slideLeave 0.4s ease-in forwards; }
        @keyframes slideEnter {
            from { opacity: 0; transform: translateX(30px); }
            to { opacity: 1; transform: translateX(0); }
        }
        @keyframes slideLeave {
            from { opacity: 1; transform: translateX(0); }
            to { opacity: 0; transform: translateX(-30px); }
        }
        .text-reveal {
            clip-path: inset(0 0 100% 0);
            animation: textReveal 0.6s ease-out forwards;
        }
        .text-reveal-delay-1 { animation-delay: 0.1s; }
        .text-reveal-delay-2 { animation-delay: 0.2s; }
        .text-reveal-delay-3 { animation-delay: 0.3s; }
        .text-reveal-delay-4 { animation-delay: 0.4s; }
        .text-reveal-delay-5 { animation-delay: 0.5s; }
        @keyframes textReveal {
            from { clip-path: inset(0 0 100% 0); opacity: 0; }
            to { clip-path: inset(0 0 0 0); opacity: 1; }
        }