body {
            font-family: 'Dosis', sans-serif;
            background-color: #D1D3D4;
            color: #1A1A1A;
            margin: 0;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

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

        .hero-bg-anim {
            animation: panImage 30s infinite alternate linear;
        }
        @keyframes panImage {
            0% { transform: scale(1) translateX(0); }
            100% { transform: scale(1.1) translateX(-2%); }
        }

        .card-hover {
            transition: all 0.4s ease;
        }
        .card-hover:hover {
            transform: translateY(-8px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
        }

        /* --- Layout --- */
        .page-section {
            display: none;
            animation: fadeIn 0.5s ease-in-out forwards;
        }
        .page-section.active {
            display: block;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }
        .accordion-active .accordion-content {
            max-height: 500px;
        }