/* Disposition : formulaire + panneau visuel (remplace .auth-shell / .auth-panel) */
.auth-split{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr)}
.auth-visual{display:none}
@media(min-width:1024px){
  .auth-split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  .auth-visual{display:block;position:sticky;top:0;height:100vh;order:-1}
  .auth-visual .showcase{height:100vh}
}

/* Bandeau photo mobile */
.showcase-strip{position:relative;height:7.5rem;overflow:hidden;background:#0a0f13}
.showcase-strip::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0f13,transparent 12%,transparent 88%,#0a0f13);pointer-events:none}
@media(min-width:1024px){.showcase-strip{display:none}}
.showcase-strip-track{display:flex;width:max-content;height:100%;animation:showcase-strip 55s linear infinite}
.showcase-strip-group{display:flex;gap:.6rem;padding:.6rem .6rem .6rem 0}
.showcase-strip .showcase-tile{flex:none;height:100%;aspect-ratio:4/3;border-radius:14px;box-shadow:none}
@keyframes showcase-strip{to{transform:translateX(-50%)}}

/* Panneau visuel des pages d'authentification */
.showcase{position:relative;width:100%;height:100%;min-height:100vh;overflow:hidden;background:#0a0f13;color:#f3f1ec;isolation:isolate}

/* Grille inclinée de 3 colonnes qui défilent en sens opposés */
.showcase-grid{position:absolute;inset:-12% -10%;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;transform:rotate(-8deg) scale(1.08);z-index:0}
.showcase-col{overflow:hidden;height:100%}
.showcase-track{display:flex;flex-direction:column;animation:showcase-up 80s linear infinite;will-change:transform}
.showcase-col-1 .showcase-track{animation-name:showcase-down;animation-duration:95s}
.showcase-col-2 .showcase-track{animation-duration:70s}
.showcase-group{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}
@keyframes showcase-up{to{transform:translateY(-50%)}}
@keyframes showcase-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}

.showcase-tile{position:relative;margin:0;border-radius:20px;overflow:hidden;background:var(--g);box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
.showcase-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.showcase-ph{position:absolute;left:50%;top:50%;width:34%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);color:rgba(255,255,255,.4);stroke-width:1.2}

/* Voile pour garder le texte lisible */
.showcase-shade{position:absolute;inset:0;z-index:1;
  background:linear-gradient(to top,rgba(10,15,19,.95) 8%,rgba(10,15,19,.35) 52%,rgba(10,15,19,.65)),
             radial-gradient(90% 70% at 50% 40%,transparent 40%,rgba(10,15,19,.55))}

.showcase-content{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,4vw,3rem)}
.showcase-brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.15rem;letter-spacing:-.01em}
.showcase-brand-mark{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.8rem;background:rgb(var(--accent));color:#fff}
.showcase-brand-mark svg,.showcase-brand-mark i{width:1.25rem;height:1.25rem}
.showcase-title{margin:0 0 .8rem;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:700;line-height:1.08;letter-spacing:-.025em}
.showcase-text{max-width:30rem;margin:0 0 1.4rem;color:rgba(243,241,236,.78);line-height:1.6}
.showcase-points{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.showcase-points li{display:flex;align-items:center;gap:.7rem;font-size:.92rem;color:rgba(243,241,236,.9)}
.showcase-points svg,.showcase-points i{width:1.05rem;height:1.05rem;flex:none;color:rgb(var(--accent))}

/* Cartes flottantes en verre dépoli */
.showcase-float{position:absolute;z-index:2;display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem .7rem .7rem;border-radius:16px;
  background:rgba(255,255,255,.12);backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 36px -14px rgba(0,0,0,.6);animation:showcase-bob 7s ease-in-out infinite}
.showcase-float b{display:block;font-size:.85rem;font-weight:600}
.showcase-float small{display:block;font-size:.74rem;color:rgba(243,241,236,.75)}
.showcase-float-icon{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:.7rem;background:rgb(var(--accent));color:#fff}
.showcase-float-icon svg,.showcase-float-icon i{width:1.05rem;height:1.05rem}
.showcase-foot{margin:1.6rem 0 0;font-size:.74rem;color:rgba(243,241,236,.5)}
.showcase-float-a{top:16%;right:7%}
.showcase-float-b{top:41%;left:7%;animation-delay:-3.5s}
@keyframes showcase-bob{50%{transform:translateY(-10px)}}
@media(max-width:1279px){.showcase-float{display:none}}

@media(prefers-reduced-motion:reduce){.showcase-track,.showcase-float,.showcase-strip-track{animation:none}}