@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

        body {
            font-family: 'Montserrat', sans-serif;
            background-color: #1a202c;
            color: #f7fafc;
        }

        .hero-pattern {
            background-image: radial-gradient(circle at 20px 20px, rgba(255, 255, 255, 0.05) 1px, transparent 0);
            background-size: 40px 40px;
        }

        .feature-card {
            transition: all 0.3s ease;
        }

        .feature-card:hover {
            transform: translateY(-10px) scale(1.05);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .trophy-glow {
            box-shadow: 0 0 50px rgba(56, 178, 172, 0.3);
        }

        #nav-links a,
        #mobile-menu a {
            position: relative;
            transition: color 0.3s ease;
        }

        #nav-links a::after,
        #mobile-menu a::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 2px;
            background-color: #38b2ac;
            transition: width 0.3s ease;
        }

        #nav-links a:hover::after,
        #mobile-menu a:hover::after {
            width: 100%;
        }