#aiLearnPage .ai-container, 
#aiTestPage .ai-container, 
#testTakingPage .ai-container,
#aiResultsPage .ai-container,
#aiFlashcardsPage .ai-container,
#aiLearnCompletePage .ai-container {
    background: var(--bg-glass, rgba(255,255,255,0.1));
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 30px;
    border-radius: 24px;
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--border-color);
}


#learningPage .container {
    background: var(--bg-glass, rgba(255,255,255,0.1));
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}


.learning-module.active {
    background: var(--bg-secondary, rgba(255,255,255,0.05));
    padding: 20px;
    border-radius: 16px;
    border: 1px solid var(--border-color);
}


.ai-question-card {
    background: var(--bg-secondary, rgba(255,255,255,0.05));
    padding: 25px;
    border-radius: 16px;
    border: 1px solid var(--border-color);
    margin-bottom: 20px;
}


.ai-results-card {
    background: var(--bg-secondary, rgba(255,255,255,0.05));
    padding: 30px;
    border-radius: 24px;
    border: 1px solid var(--border-color);
}


.ai-complete-card {
    background: var(--bg-secondary, rgba(255,255,255,0.05));
    padding: 40px;
    border-radius: 24px;
    border: 1px solid var(--border-color);
    text-align: center;
}


.ai-flashcard-container {
    background: var(--bg-secondary, rgba(255,255,255,0.05));
    padding: 20px;
    border-radius: 16px;
    border: 1px solid var(--border-color);
}