/* Styles propres à connexion.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(500px, 100%);
      padding: 30px;
      border: 1px solid var(--border);
      border-radius: 18px;
      background: #fff;
      box-shadow: var(--shadow-sm);
    }
    .auth-card h1 { margin: 0 0 8px; font-size: 31px; line-height: 1.15; }
    .auth-subtitle { margin: 0 0 26px; color: var(--muted); }
    .auth-field { margin-bottom: 18px; }
    .auth-field label { display: block; margin-bottom: 6px; color: #344054; font-weight: 800; }
    .auth-field input {
      width: 100%; padding: 12px 13px; border: 1px solid var(--border-strong); border-radius: 9px; color: var(--text); background: #fff;
    }
    .auth-field input:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 4px rgba(37,99,235,.13); }
    .auth-submit { width: 100%; min-height: 46px; }
    .auth-provider { display: flex; justify-content: center; margin: 6px 0 14px; min-height: 44px; }
    .auth-provider-legal { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; text-align: center; }
    .auth-provider-legal a { font-weight: 700; text-decoration: none; }
    .auth-divider { display: flex; align-items: center; gap: 12px; margin: 24px 0; color: var(--muted); font-size: 13px; font-weight: 700; }
    .auth-divider::before, .auth-divider::after { content: ""; flex: 1; height: 1px; background: var(--border); }
    .auth-divider span { flex: 0 0 auto; }
    .auth-message { margin-bottom: 20px; padding: 13px 15px; border: 1px solid; border-radius: 10px; }
    .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: 22px 0 0; color: var(--muted); text-align: center; }
    .auth-links a { font-weight: 800; text-decoration: none; }
    .auth-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
    .auth-button-secondary {
      display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 9px 15px; border: 1px solid var(--border); border-radius: 8px; color: #344054; background: #fff; text-decoration: none; font-weight: 800;
    }
    .auth-button-primary {
      display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 9px 15px; border: 1px solid var(--primary); border-radius: 8px; color: #fff; background: var(--primary); text-decoration: none; font-weight: 800;
    }
    .auth-button-primary:hover { color: #fff; background: var(--primary-dark); }
    .legal-consent { display: flex; align-items: flex-start; gap: 10px; margin: 22px 0; color: #475467; font-size: 14px; line-height: 1.5; }
    .legal-consent input { width: auto; flex: 0 0 auto; margin-top: 4px; }
    .legal-consent label { margin: 0; font-weight: 500; }
    .legal-consent a { font-weight: 700; text-decoration: none; }
    
    
    
    
    
    @media (max-width: 900px) {   }

    /* Bandeau synchronisé avec le modèle actuel de index.html */
    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    @media (max-width: 1180px) {
      

      

      
    }

    @media (max-width: 720px) {
      

      

      

      

      
    }