.tab-active { 
            color: #77ff8b; 
            border-bottom: 2px solid #77ff8b; 
            background: linear-gradient(to top, rgba(119, 255, 139, 0.1), transparent);
        }

        /* Tabs Scroll Fixes */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        /* Tippy Custom Theme - Matching Rating Form */
        .tippy-box[data-theme~='gdgr-glass'] {
            background: rgba(15, 23, 42, 0.95) !important;
            backdrop-filter: blur(16px) !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
            border-radius: 1rem !important;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4) !important;
            padding: 0.5rem !important;
        }
        .tippy-content {
            padding: 0.5rem !important;
            text-align: left !important;
        }
        .tippy-box[data-theme~='gdgr-glass'] .tippy-arrow {
            color: rgba(15, 23, 42, 0.95);
        }
        
        /* Prose styles for Markdown */
        .prose { color: #cbd5e1; max-width: none; }
        .prose strong { color: #f8fafc; font-weight: 800; }
        .prose em { color: #94a3b8; }
        .prose ul { list-style-type: disc; padding-left: 1.5rem; margin-top: 1rem; margin-bottom: 1rem; }
        .prose li { margin-top: 0.25rem; margin-bottom: 0.25rem; }
        .prose a { color: #60a5fa; text-decoration: underline; font-weight: 600; }
        .prose a:hover { color: #93c5fd; }

        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .animate-fade-in-up {
            opacity: 0;
            animation: fadeInUp 0.6s ease-out forwards;
        }
        .delay-100 { animation-delay: 100ms; }
        .delay-200 { animation-delay: 200ms; }
        .delay-300 { animation-delay: 300ms; }

        /* 3D Card Hover Styles */
        .card::after {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: inherit;
            padding: 2px;
            background: linear-gradient(135deg, transparent, transparent);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            opacity: 0;
            transition: opacity 0.5s ease;
            pointer-events: none;
            z-index: 50;
        }

        .card:hover::after, .card.active-hover::after {
            opacity: 1;
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.4), rgba(147, 51, 234, 0.4), transparent 50%);
        }