.text-gradient {
            background-image: linear-gradient(to right, #EC4899, #4F46E5);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        .bg-pattern {
            background-color: #111827;
            background-image: radial-gradient(#4F46E5 1px, transparent 1px),
            radial-gradient(#A3E635 1px, transparent 1px);
            background-size: 40px 40px;
            background-position: 0 0, 20px 20px;
        }
        .card-glow {
            transition: all 0.3s ease-in-out;
        }
        .card-glow:hover {
            box-shadow: 0 0 15px rgba(163, 230, 53, 0.7), 0 0 25px rgba(236, 72, 153, 0.5);
            transform: translateY(-8px) scale(1.02);
        }
        .animated-element {
            opacity: 0;
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }
        .is-visible {
            opacity: 1;
            transform: none !important;
        }