body {
            font-family: 'Inter', sans-serif;
            background-color: #f1f5f9; /* slate-100 */
        }
        /* -- Swiper Customization -- */
        .swiper-button-next, .swiper-button-prev {
            color: #f59e0b !important; /* amber-500 */
        }
        .swiper-pagination-bullet-active {
            background: #f59e0b !important; /* amber-500 */
        }
        
        /* -- Header Scroll Effect -- */
        header {
            transition: background-color 0.4s ease-out, box-shadow 0.4s ease-out;
        }
        header.scrolled {
            background-color: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        }

        /* -- Scroll Reveal Animations -- */
        .reveal {
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .reveal.is-visible {
            opacity: 1;
            transform: none;
            visibility: visible;
        }
        .reveal-up { transform: translateY(60px); }
        .reveal-left { transform: translateX(-60px); }
        .reveal-right { transform: translateX(60px); }
        .reveal-zoom { transform: scale(0.9); }

        /* -- Button Glow Effect -- */
        .glow-on-hover {
            transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
        }
        .glow-on-hover:hover {
            box-shadow: 0 0 20px rgba(245, 158, 11, 0.7);
            transform: translateY(-2px);
        }

        /* -- Nav Link Underline Effect -- */
        .nav-link {
            position: relative;
            text-decoration: none;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 100%;
            transform: scaleX(0);
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: #f59e0b;
            transform-origin: bottom right;
            transition: transform 0.3s ease-out;
        }
        .nav-link:hover::after {
            transform: scaleX(1);
            transform-origin: bottom left;
        }

        /* -- Hero Background Zoom Animation -- */
        #home::before {
            animation: zoom-in-out 25s ease-in-out infinite alternate;
            background-image: url('https://images.unsplash.com/photo-1581092446399-52da333a6f10?q=80&w=2070&auto=format&fit=crop');
            background-size: cover;
            background-position: center;
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            z-index: -2;
        }

        @keyframes zoom-in-out {
            from { transform: scale(1); }
            to { transform: scale(1.05); }
        }