/* Custom Styles */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #0F0F1A; /* Dark background for dark mode */
            color: #E0E0E0;
        }
        .light body {
            background-color: #F0F2F5;
            color: #1A1A2E;
        }

        .font-bungee {
            font-family: 'Bungee', cursive;
        }

        .neon-text {
            text-shadow: 0 0 5px rgba(52, 211, 153, 0.7), 0 0 10px rgba(52, 211, 153, 0.5), 0 0 15px rgba(52, 211, 153, 0.3);
        }
        
        .btn-primary {
            @apply px-6 py-3 font-bold rounded-lg text-white transition-all duration-300;
            background: linear-gradient(90deg, #8A2BE2, #4B0082);
            box-shadow: 0 0 15px rgba(138, 43, 226, 0.5);
        }
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 0 25px rgba(138, 43, 226, 0.8);
        }

        .glass-card {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .light .glass-card {
            background: rgba(255, 255, 255, 0.6);
            border: 1px solid rgba(0, 0, 0, 0.1);
        }

        /* Page transition styles */
        .page {
            display: none;
            animation: fadeIn 0.5s ease-in-out;
        }
        .page.active {
            display: block;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Hamburger menu transition */
        #mobile-menu {
            transition: transform 0.3s ease-in-out;
        }
        
       /* Chatbot styles */
        #chatbot-window {
            transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
        }
        #chatbot-header {
            cursor: move;
        }