::backdrop {
  background-image: linear-gradient(
    45deg,
    magenta,
    rebeccapurple,
    dodgerblue,
    green
  );
  opacity: 0.75;
}



/* Style de l'arrière-plan quand la modale est ouverte */
    dialog::backdrop {
        background: rgba(44, 62, 80, 0.7); /* Bleu foncé transparent */
        backdrop-filter: blur(4px); /* Effet de flou moderne */
    }

    /* Animation d'apparition */
    dialog[open] {
        animation: slideDown 0.4s ease-out;
    }

    @keyframes slideDown {
        from { opacity: 0; transform: translateY(-50px); }
        to { opacity: 1; transform: translateY(0); }
    }