/* ======================================================================
   CONNEXION ET INSCRIPTION — le formulaire, et la vitrine des plus à côté
   Pages : connexion.php, inscription.php · vitrine : src/vue-vitrine-plus.php

   18 octobre 2026 : posée sur toute la largeur, la vitrine passait en
   « image à gauche, texte à droite » et devenait plus grande que l'écran,
   le formulaire perdu dessous (« pas jolie … trop large, ça déborde »). Elle
   reprend ici la taille qu'elle a sur l'accueil, 640 px au plus, à DROITE du
   formulaire — comme sur l'accueil, où elle est à droite du titre.

   Sur un écran étroit, tout s'empile, le formulaire en premier : on est venu
   se connecter ou s'inscrire, pas regarder un film de cinq cents pixels.
   Préfixe : `authv-` (style.css a déjà `.auth-legal`).
   ====================================================================== */

.authv {
  position: relative; isolation: isolate;
  display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 640px);
  justify-content: center; align-items: center;
  gap: clamp(28px, 4vw, 56px);
  margin: 34px 0 28px;
}
/* Deux halos derrière, comme sous le bandeau de l'accueil : la page ne
   commence pas sur un aplat gris. */
.authv::before {
  content: ''; position: absolute; z-index: -1; inset: -30px 0; pointer-events: none;
  background:
    radial-gradient(35% 60% at 22% 45%, rgba(37, 99, 235, .10), transparent 70%),
    radial-gradient(35% 60% at 78% 45%, rgba(124, 58, 237, .10), transparent 70%);
}

/* Le formulaire : la carte de toujours, un peu plus présente à côté d'une
   vitrine sombre et lumineuse. */
.authv .panneau-auth {
  width: 100%; max-width: none; margin: 0;
  padding: 28px 28px 22px; border-radius: 18px;
  box-shadow: var(--ombre-levee);
}
.authv .panneau-auth h2 { font-size: 22px; letter-spacing: -.01em; }

.authv .vplus { width: 100%; }

@media (max-width: 960px) {
  .authv { grid-template-columns: minmax(0, 1fr); max-width: 560px; margin: 22px auto 24px; gap: 26px; }
}
@media (max-width: 520px) {
  .authv .panneau-auth { padding: 22px 18px 18px; }
}