  /* BASE THEME & TYPOGRAPHY */
        body {
            background-color: #0b0c10; /* Dark, futuristic base */
            color: #c5c6c7; /* Light gray text */
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
        }
        .font-poppins { font-family: 'Poppins', sans-serif; }
        
        /* NEON ACCENTS */
        .neon-text-teal { color: #66fcf1; text-shadow: 0 0 5px #45a29e; }
        .neon-border-teal { border-color: #66fcf1; box-shadow: 0 0 8px #45a29e; }
        .neon-glow-teal { box-shadow: 0 0 10px rgba(102, 252, 241, 0.7); transition: box-shadow 0.3s ease; }
        .neon-glow-purple { box-shadow: 0 0 10px rgba(138, 43, 226, 0.7); transition: box-shadow 0.3s ease; }

        /* GLASSMORHISM BASE */
        .glass-card {
            backdrop-filter: blur(10px);
            background-color: rgba(20, 25, 30, 0.7); /* Dark transparent background */
            border: 1px solid rgba(102, 252, 241, 0.2); /* Subtle neon border */
            transition: all 0.3s ease;
        }
        .glass-card:hover {
            background-color: rgba(20, 25, 30, 0.9);
            border-color: #66fcf1;
            box-shadow: 0 0 15px rgba(102, 252, 241, 0.5);
            transform: translateY(-4px);
        }

        /* HERO GRADIENT BACKGROUND */
        .hero-bg {
            background: linear-gradient(135deg, #1f2833 0%, #0b0c10 20%, #0b0c10 80%, #1f2833 100%);
        }

        /* ANIMATIONS */
        @keyframes pulse-light {
            0%, 100% { box-shadow: 0 0 10px rgba(102, 252, 241, 0.7); }
            50% { box-shadow: 0 0 20px rgba(102, 252, 241, 1); }
        }
        .animate-pulse-light {
            animation: pulse-light 2s infinite alternate;
        }
        
        @keyframes fadeInMove {
            0% { opacity: 0; transform: translateY(20px); }
            100% { opacity: 1; transform: translateY(0); }
        }
        .scroll-reveal-js {
            opacity: 0;
        }
        .animate-fadeInUp {
            animation: fadeInMove 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
        }

        /* CUSTOM SCROLLBAR (for Emerging Topics) */
        .custom-scrollbar::-webkit-scrollbar {
            height: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #1f2833;
            border-radius: 10px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #66fcf1;
            border-radius: 10px;
        }
        
        /* AUTH MODAL STYLING */
        #auth-modal-content {
            background: linear-gradient(160deg, #1f2833 0%, #0b0c10 100%);
            border: 2px solid #45a29e;
        }
        .input-glow {
            background-color: #0b0c10;
            border: 1px solid #45a29e;
            color: #c5c6c7;
            transition: border-color 0.3s, box-shadow 0.3s;
        }
        .input-glow:focus {
            border-color: #66fcf1;
            box-shadow: 0 0 8px rgba(102, 252, 241, 0.5);
            outline: none;
        }
        
        /* Accordion Glow */
        .accordion-item:hover .accordion-header {
            color: #66fcf1;
            box-shadow: 0 2px 5px rgba(102, 252, 241, 0.3);
        }
        .accordion-header {
            transition: all 0.3s ease;
        }
    