/* ════════════════════════════════════════════════════════════════
   Pages d'accès du Studio (login, register, reset-password).
   < 960px  : carte centrée d'origine + lien « Retour au site » en haut à gauche.
   ≥ 960px  : écran coupé en deux — panneau marque (minuit) | formulaire (écru).
   À charger APRÈS le <style> de la page. Aucun JS.
   ════════════════════════════════════════════════════════════════ */
.auth-side { position:absolute; top:18px; left:22px; z-index:2; }
.auth-back {
  display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600;
  color:#6B7280; text-decoration:none; transition:color .15s;
}
.auth-back:hover { color:#0A192F; }
.auth-pitch { display:none; }
body.auth-split { padding-top:60px; }

@media (min-width: 960px) {
  body.auth-split {
    display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    align-items:stretch; justify-items:stretch; padding:0;
  }
  body.auth-split > .card, body.auth-split > .auth-form {
    align-self:center; justify-self:center; margin:48px 24px; grid-column:2; grid-row:1;
  }
  .auth-side {
    position:relative; top:auto; left:auto; grid-column:1; grid-row:1;
    display:flex; flex-direction:column; justify-content:center;
    padding:96px clamp(40px, 6vw, 96px);
    background:#0A192F; color:#F5F2ED; overflow:hidden;
  }
  .auth-side::after {
    content:''; position:absolute; inset:0; pointer-events:none;
    background-image:linear-gradient(rgba(0,240,255,.04) 1px, transparent 1px),
                     linear-gradient(90deg, rgba(0,240,255,.04) 1px, transparent 1px);
    background-size:60px 60px;
  }
  .auth-side > * { position:relative; z-index:1; }
  .auth-back { color:rgba(245,242,237,.65); position:absolute; top:32px; left:clamp(40px, 6vw, 96px); }
  .auth-back:hover { color:#00F0FF; }
  .auth-pitch { display:block; max-width:480px; }
  .auth-eyebrow {
    font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
    color:#00F0FF; margin-bottom:18px;
  }
  .auth-pitch h2 {
    font-weight:900; font-size:clamp(28px, 3vw, 40px); line-height:1.12;
    color:#fff; margin-bottom:18px;
  }
  .auth-pitch h2 em { font-style:normal; color:#00F0FF; }
  .auth-pitch p { font-size:15px; line-height:1.7; color:rgba(245,242,237,.7); margin-bottom:28px; }
  .auth-pitch ul { list-style:none; display:flex; flex-direction:column; gap:12px; }
  .auth-pitch li { display:flex; gap:12px; font-size:14px; color:rgba(245,242,237,.85); line-height:1.5; }
  .auth-pitch li::before { content:''; flex:0 0 8px; height:8px; margin-top:6px; border-radius:50%; background:#00F0FF; }
}