@keyframes fadeIn {
    from { 
        opacity: 0; 
        transform: translateY(10px) scale(0.95); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0) scale(1); 
    }
}

.fade-in {
    animation: fadeIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.hovered-element:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

#answer-container {
    background: linear-gradient(145deg, #ffffff, #f0f4ff);
    border: 1px solid rgba(99, 102, 241, 0.2);
    box-shadow: inset 0 4px 15px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 1.5rem;
    min-height: 6rem;
}