/* Styles propres à mot-de-passe-oublie.php. */
.auth-page { width:min(980px,calc(100% - 32px)); margin-inline:auto; flex:1 0 auto; display:grid; place-items:start center; padding:48px 0 92px; }
    .auth-card { width:min(520px,100%); padding:30px; border:1px solid var(--border); border-radius:16px; background:#fff; box-shadow:var(--shadow-md); }
    .auth-card h1 { margin:0 0 8px; font-size:clamp(1.7rem,4vw,2.15rem); line-height:1.15; }
    .auth-subtitle { margin:0 0 24px; color:var(--muted); }
    .auth-field { display:grid; gap:7px; margin-bottom:18px; }
    .auth-field label { font-weight:750; }
    .auth-field input { width:100%; min-height:46px; padding:10px 12px; border:1px solid var(--border-strong); border-radius:9px; background:#fff; color:var(--text); }
    .auth-field input:focus { outline:3px solid rgba(37,99,235,.15); border-color:var(--primary); }
    .auth-submit,.auth-button-primary { display:inline-flex; width:100%; min-height:46px; align-items:center; justify-content:center; padding:10px 16px; border:1px solid var(--primary); border-radius:9px; color:#fff; background:var(--primary); font-weight:800; text-decoration:none; cursor:pointer; }
    .auth-submit:hover,.auth-button-primary:hover { color:#fff; background:var(--primary-dark); border-color:var(--primary-dark); }
    .auth-message { margin:0 0 20px; padding:12px 14px; border:1px solid; border-radius:9px; }
    .auth-error { color:var(--error-text); background:var(--error-bg); border-color:var(--error-border); }
    .auth-success { color:var(--success-text); background:var(--success-bg); border-color:var(--success-border); }
    .auth-links { margin:20px 0 0; text-align:center; color:var(--muted); font-size:.95rem; }
    
    @media (max-width:720px) { .auth-page { padding-top:28px; } .auth-card { padding:24px 20px; }  }