body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:24px;line-height:1.4}
    .card{max-width:740px;margin:auto;padding:24px;border:1px solid #e5e7eb;border-radius:11px}
    .row{margin-bottom:14px}
    label{display:block;font-weight:600;margin-bottom:6px}
    input[type=text],input[type=email],input[type=number],select,textarea{
      width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px
    }
    .hint{font-size:16px;color:#6b7280}
    h1{font-size:18px;text-align:center;margin-bottom:8px}
    button{padding:10px 16px;border:0;border-radius:10px;cursor:pointer}
    .primary{background:#111827;color:#fff}
    .muted{background:#f3f4f6}
    .flex{display:flex;gap:10px;flex-wrap:wrap}
    .w50{flex:1 1 250px}
    .pied{font-size:18px;text-align:center;margin-bottom:8px}
    .logo-esma{
    display:block;
    height:64px;          /* ajuste la taille si besoin */
    width:auto;
    margin:0 auto 8px;   /* centré au-dessus du titre */
    }
    .logo-cau{
    display:block;
    height:70px;
    width:auto;
    margin:0 auto 16px;
    }
    
    .row.success input,
    .row.success select {
      border-color: #09c372;
    }
    
    .row.error input,
    .row.error select {
      border-color: #ff3860;
    }
    
    .row .msg-error {
  color: #ff3860;
  font-size: 12px;
  margin-top: 5px;
}