@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');
        
        body {
            font-family: 'Inter', sans-serif;
            color: #1a1a1a;
            scroll-behavior: smooth;
        }

        .hero-gradient {
            background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://images.unsplash.com/photo-1558981403-c5f9899a28bc?q=80&w=2000&auto=format&fit=crop');
            background-size: cover;
            background-position: center;
        }

        .card-hover:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
        }

        .promobox-overlay {
            transition: background-color 0.4s ease, opacity 0.4s ease;
        }

        .promobox:hover .promobox-overlay {
            background-color: rgba(0, 0, 0, 0.2) !important;
        }

        .promobox:hover img {
            transform: scale(1.05);
        }