body {
            font-family: 'Poppins', sans-serif;
        }
        /* Styles pour l'animation de la carte-éclair (flashcard) */
        .card-container {
            perspective: 1000px;
        }
        .card {
            position: relative;
            width: 100%;
            height: 100%;
            transition: transform 0.6s;
            transform-style: preserve-3d;
            cursor: pointer;
        }
        .card.is-flipped {
            transform: rotateY(180deg);
        }
        .card-face {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 1rem;
        }
        .card-front {
            background-color: #f0f8ff;
        }
        .card-back {
            background-color: #d1eaff;
            transform: rotateY(180deg);
        }
        /* Petite animation pour les boutons */
        .btn-exercice:hover, .btn-gemini:hover {
            transform: scale(1.05);
        }
        .btn-exercice, .btn-gemini {
            transition: transform 0.2s ease-in-out;
        }
        /* Style pour le texte de l'histoire générée */
        #story-container strong {
            color: #1d4ed8; /* blue-800 */
        }