@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
        /* Use the Poppins font family */
        body {
            font-family: 'Poppins', sans-serif;
            background: #121212;
        }
        /* Animated gradient background */
        .bg-animated-gradient {
            background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
            background-size: 400% 400%;
            animation: gradient 15s ease infinite;
            height: 100vh;
        }
        @keyframes gradient {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        /* Neon glow effect for button */
        .neon-glow {
            box-shadow: 0 0 5px #23d5ab, 0 0 15px #23d5ab, 0 0 25px #23d5ab, 0 0 35px #23d5ab;
        }
        .neon-glow-hover:hover {
            box-shadow: 0 0 5px #e73c7e, 0 0 25px #e73c7e, 0 0 50px #e73c7e, 0 0 100px #e73c7e;
        }
                /* Chatbot custom scrollbar */
        #chat-messages::-webkit-scrollbar {
            width: 5px;
        }
        #chat-messages::-webkit-scrollbar-track {
            background: #ffffff1a;
        }
        #chat-messages::-webkit-scrollbar-thumb {
            background: #23d5ab;
            border-radius: 10px;
        }
        #chat-messages::-webkit-scrollbar-thumb:hover {
            background: #e73c7e;
        }