body {
    background-color: #f8f9fa;
}

.category-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    cursor: pointer;
}

.category-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.12) !important;
}

.answer-btn {
    text-align: left;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    transition: background-color 0.1s ease;
}

.answer-btn:hover:not(:disabled) {
    background-color: #e9ecef;
}

.progress-bar {
    transition: width 0.4s ease;
}