/* YESBY MIND — formulaires d'authentification */
/* Contrastes clair/sombre et mise en page mobile. */
.auth{max-width:600px;margin:18px auto;padding:clamp(24px,4vw,40px)}
.auth h1{margin:0 0 8px}
.auth form{display:grid;gap:16px;margin:22px 0}
.auth label{display:grid;gap:7px;font-weight:650}
.auth input{width:100%;min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--surface);font:inherit}
.auth input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.auth button{border:0;font:inherit;cursor:pointer;justify-self:start}
.auth .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}


@media(max-width:480px){.auth .field-row{grid-template-columns:1fr}}