:root { scroll-behavior: smooth; }
        body { font-family: 'IBM Plex Sans', sans-serif; color: #000; overflow-x: hidden; }

        /* Multi-page Display Logic */
        .page-view { display: none; }
        .page-view.active { display: block; animation: pageFadeIn 0.6s ease-out forwards; }

        @keyframes pageFadeIn {
            from { opacity: 0; transform: translateY(15px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Hero Animation */
        .hero-zoom { animation: zoomBg 20s infinite alternate linear; }
        @keyframes zoomBg {
            from { transform: scale(1); }
            to { transform: scale(1.15); }
        }

        /* Scroll Revelations */
        .reveal { opacity: 0; transform: translateY(40px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }

        /* Card Scroll */
        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        /* Custom Tabs & Filter Styles */
        .filter-btn.active { background-color: #16476A; color: white; border-color: #16476A; }
        .toggle-btn.active { border-bottom: 2px solid #16476A; color: #16476A; font-weight: 600; }

        /* Fixed Parallax */
        .parallax-fixed { background-attachment: fixed; background-position: center; background-size: cover; }
        
        /* Carousel Logic */
        .dot { width: 8px; height: 8px; border-radius: 50%; background: #CBD5E1; transition: 0.3s; cursor: pointer; }
        .dot.active { width: 24px; border-radius: 4px; background: #16476A; }