/* Styles simples et modernes */
body {
  background: #0b1526;
  color: #fff;
  min-height: 100vh;
}
h3 {
  color: #161673;
}
.card {
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
  letter-spacing: .5px;
}
.brand .logo {
  width: 42px; height: 42px;
}
.progress-info {
  font-size: .95rem;
  opacity: .9;
}
.white {
  color: #fff !important;
}
.bgWhite {
  background: #fff;
  color: #000;
}
    .thumb {
      aspect-ratio: 16/9;
      object-fit: cover;
      width: 100%;
      border-radius: .5rem;
      cursor: zoom-in;
    }
    .thumb-wrapper { transition: transform .15s ease; }
    .thumb-wrapper:hover { transform: translateY(-2px); }
    /* Optionnel : limite la taille max de l'image dans le modal */
    .modal-img {
      max-height: 80vh;
      width: auto;
      height: auto;
    }