/* Inscription, connexion, mot de passe */
.auth { display: grid; grid-template-columns: 1fr 1fr; min-height: calc(100dvh - var(--header-h)); }
.auth__pitch { position: relative; overflow: hidden; background: var(--cobalt-bg); color: #fff; padding: clamp(2rem, 6vw, 4.5rem) clamp(1.5rem, 5vw, 4rem); display: flex; flex-direction: column; justify-content: center; }
.auth__pitch::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 12px; background: linear-gradient(180deg, rgba(255,255,255,.4), transparent 45%, rgba(0,0,0,.15)), repeating-linear-gradient(90deg, var(--rouge) 0 32px, #fff 32px 64px); }
.auth__pitch h1 { color: #fff; text-transform: uppercase; font-size: clamp(2.6rem, 5.5vw, 4.4rem); line-height: .95; max-width: 12ch; }
.auth__perks { list-style: none; padding: 0; margin: 1.5rem 0; display: grid; gap: .9rem; max-width: 30rem; }
.auth__perks li { display: flex; gap: .8rem; align-items: flex-start; }
.auth__perks .i { width: 22px; height: 22px; flex: none; color: var(--soleil); margin-top: .1rem; }
.auth__perks strong { color: #fff; }
.auth__flots { display: flex; gap: 1rem; margin-top: .5rem; }
.auth__flots .flot { width: 70px; height: 88px; filter: drop-shadow(0 8px 14px rgba(0,0,0,.3)); }
.auth__flots .flot:nth-child(2) { transform: translateY(-8px) rotate(5deg); }
.auth__flots .flot:nth-child(3) { transform: rotate(-4deg); }
.auth__note { display: flex; gap: .5rem; align-items: center; margin-top: 1.4rem; padding: .7rem 1rem; border-radius: var(--r); background: rgba(255,255,255,.13); font-weight: 700; }
.auth__note .i { color: var(--soleil); }
.auth__fence { display: flex; align-items: center; max-width: 360px; margin-top: 2rem; }
.auth__fence .pole { flex: 1; margin-inline: -4px; }
.jump__std { width: 12px; height: 74px; border-radius: 4px; background: repeating-linear-gradient(180deg, #fff 0 14px, rgba(255,255,255,.4) 14px 18px); flex: none; }
.auth__form { display: grid; place-items: center; padding: clamp(1.5rem, 5vw, 3rem) var(--gutter); background: var(--mist); }
.auth__card { width: min(100%, 440px); background: var(--paper); border-radius: var(--r-lg); padding: clamp(1.4rem, 4vw, 2.2rem); box-shadow: var(--shadow-2); border: 1px solid var(--line); }
.auth__card h2, .auth__title { font-size: clamp(1.8rem, 4vw, 2.3rem); text-transform: uppercase; margin-bottom: .5rem; }
.auth__icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: var(--cobalt-soft); color: var(--cobalt); margin-bottom: 1rem; }
.auth__icon .i { width: 28px; height: 28px; }
.auth--single { grid-template-columns: 1fr; }
.gsi-wrap { min-height: 46px; display: flex; justify-content: center; margin-top: 1rem; }
.strength { margin-top: .3rem; }
@media (max-width: 860px) {
  .auth { grid-template-columns: 1fr; min-height: 0; }
  .auth__pitch { padding-block: 1.8rem 2.4rem; }
  .auth__pitch h1 { font-size: 2.4rem; }
  .auth__perks { margin: 1rem 0 .5rem; gap: .6rem; font-size: .95rem; }
  .auth__flots, .auth__fence { display: none; }
  .auth--login .auth__pitch { display: none; }
}