/* Page inscription : photo FAW, accents turquoise et formulaire à gauche. */
.sign-up-page {
    --auth-story-start: #123f4e;
    --auth-story-end: #087087;
}
.sign-up-page .auth-story { justify-content: flex-start; background: #103845; }
.sign-up-page .auth-story::before {
    inset: 0;
    width: auto;
    aspect-ratio: auto;
    border: 0;
    border-radius: 0;
    background: linear-gradient(180deg, rgb(6 23 33 / 82%) 0%, rgb(6 23 33 / 40%) 36%, rgb(6 23 33 / 8%) 64%, rgb(6 23 33 / 80%) 100%);
    box-shadow: none;
}
.sign-up-page .auth-story-visual { position: absolute; z-index: -2; inset: 0; display: block; min-height: 0; margin: 0; }
.sign-up-page .auth-story-visual img { width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: 90% center; filter: none; transform: none; }
.sign-up-page .auth-story-orbit,
.sign-up-page .auth-story-visual::after { display: none; }
.sign-up-page .auth-story-bottom { margin-top: auto; }

/* Nom et e-mail sur une ligne pour conserver un formulaire compact. */
.sign-up-page .auth-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto minmax(min-content, 1fr) auto; align-items: start; column-gap: 12px; }
.sign-up-page .auth-form > * { grid-column: 1 / -1; }
.sign-up-page .auth-form > .auth-signup-name { grid-column: 1; grid-row: 1; }
.sign-up-page .auth-form > .auth-signup-email { grid-column: 2; grid-row: 1; }
.sign-up-page :is(.auth-signup-name, .auth-signup-email) input { padding-inline: 12px; }
.sign-up-page :is(.auth-signup-name, .auth-signup-email) .auth-field-icon { display: none; }
.sign-up-page .auth-submit { align-self: end; }

/* Inverser les panneaux en conservant la largeur du formulaire. */
@media (min-width: 801px) {
    .sign-up-page .auth-shell {
        grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
        grid-template-areas: "form story";
    }
    .sign-up-page .auth-form-panel { grid-area: form; }
    .sign-up-page .auth-story { grid-area: story; }
}