.tab-active {
            border-bottom: 2px solid #4CAF50;
            color: #4CAF50;
        }

        .loading {
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .fade-enter {
            opacity: 0;
            transform: translateY(20px);
        }

        .fade-enter-active {
            opacity: 1;
            transform: translateY(0);
            transition: opacity 300ms, transform 300ms;
        }

        .question-card {
            transition: transform 0.2s;
        }

        .question-card:hover {
            transform: translateY(-2px);
        }