body { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    background-color: #f3f4f6; 
}
.glass-panel { 
    background: rgba(255, 255, 255, 0.95); 
    backdrop-filter: blur(10px); 
}
.toast-enter { 
    animation: slideInRight 0.3s ease-out forwards; 
}
.toast-leave { 
    animation: fadeOut 0.3s ease-out forwards; 
}
@keyframes slideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}
/* Quiz Animations */
@keyframes popIn {
    0% { transform: scale(0.9); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}
.quiz-card { 
    animation: popIn 0.3s ease-out forwards; 
}

/* Multiple Choice Active State */
.multi-btn.selected {
    background-color: #4f46e5 !important;
    color: white !important;
    border-color: #4338ca !important;
}
.multi-btn.selected i { 
    opacity: 1 !important; 
}