/* doc-project | public/assets/css/auth.css | unifie les formulaires de connexion, récupération et double authentification */
.auth-card { padding:clamp(1.3rem,5vw,2.4rem);background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow); }
.auth-card__heading { display:grid;justify-items:center;margin-bottom:1.4rem;text-align:center; }
.auth-card__icon { display:grid;width:3.7rem;height:3.7rem;place-items:center;margin-bottom:.8rem;color:var(--ocean-700);background:var(--aqua-100);border-radius:1rem; }
.auth-card__heading p { margin:0;color:var(--ink-soft); }
.auth-form { display:grid;gap:1rem; }
.auth-form .button { margin-top:.3rem; }
.auth-links { display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;font-size:.86rem; }
.auth-security-note { display:flex;gap:.5rem;margin-top:1.2rem;padding:.8rem;color:var(--ink-soft);background:var(--surface-soft);border-radius:.75rem;font-size:.78rem; }
.code-input { text-align:center;font-size:1.5rem;letter-spacing:.45em;font-variant-numeric:tabular-nums; }
.qr-code { display:grid;justify-items:center;gap:.7rem;padding:1rem;background:var(--surface-soft);border-radius:var(--radius); }
.recovery-codes { display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;padding:1rem;background:#072f41;color:#fff;border-radius:var(--radius);font-family:monospace; }