body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
        h1, h2, h3, h4, h5, h6, .font-heading { font-family: 'Poppins', sans-serif; letter-spacing: -0.02em; }
        .hero-bg {
            background-image: linear-gradient(to right, rgba(9, 28, 51, 0.95) 0%, rgba(9, 28, 51, 0.7) 40%, rgba(9, 28, 51, 0.1) 100%), url('../image/events/unsplash_1.webp');
            background-size: cover;
            background-position: center;
        }
        .cta-bg {
            background-image: linear-gradient(to right, rgba(9, 28, 51, 0.75) 0%, rgba(9, 28, 51, 0.5) 100%), url('../image/events/unsplash_cta.webp');
            background-size: cover;
            background-position: center;
        }
        .card-shadow { box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
        .date-badge {
            clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
        }
            @media (min-width: 768px) {
            h2.md\:text-5xl, h2 {
                font-size: 2rem !important;
                line-height: 1 !important;
            }
        }