html {
            scroll-behavior: smooth;
        }
        body {
            font-family: 'Inter', sans-serif;
        }
        .hero-section {
            background: url('https://images.unsplash.com/photo-1576628035353-663345714412?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1770&q=80') no-repeat center center;
            background-size: cover;
        }
        .card-container { perspective: 1000px; }
        .card { transition: transform 0.6s; transform-style: preserve-3d; }
        .card.is-flipped { transform: rotateY(180deg); }
        .card-face { backface-visibility: hidden; -webkit-backface-visibility: hidden; display: flex; flex-direction: column; }
        .card-back { transform: rotateY(180deg); }
        .filter-btn.active {
            background-color: #047857; /* emerald-700 */
            color: white;
            border-color: #047857;
            font-weight: 600;
        }