:root{--ink:#1c2329;--ink-2:#2b2d35;--orange:#faaf0b;--blue-1:#3da3c8;--blue-2:#1d8dba;--sim:#c3c3ca;--surface:#fff;--line:#e6e8ee;--text:#2b2d35;--muted:#6b7280;--ease:cubic-bezier(.22,.61,.36,1);}
  *{box-sizing:border-box;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .material-icons-outlined{font-family:'Material Icons Outlined';line-height:1;display:inline-block;}

  /* Page autonome /diagnostic (chrome) */
  body.dform-page{margin:0;min-height:100vh;font-family:'Raleway',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);
    background:radial-gradient(800px 500px at 12% -8%,rgba(61,163,200,.18),transparent 60%),radial-gradient(700px 520px at 100% 4%,rgba(250,175,11,.13),transparent 55%),linear-gradient(180deg,var(--ink),var(--ink-2));
    display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 18px 44px;-webkit-font-smoothing:antialiased;}
  .dform-page .top{margin-bottom:20px;}
  .dform-page .top img{height:52px;width:auto;}
  .dform-page .partner{margin-top:20px;font-size:12px;color:#7d838c;display:flex;align-items:center;gap:6px;}
  .dform-page .partner img{height:22px;display:inline-block;}

  /* Composant formulaire (page + modale) */
  .dform .shell{width:100%;max-width:480px;margin:0 auto;background:var(--surface);box-shadow:0 30px 70px -30px rgba(0,0,0,.55);overflow:hidden;}
  .dform .head{background:var(--ink);color:#fff;padding:24px 30px 20px;text-align:center;}
  .dform .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);background:none;border:0;padding:0;}
  .dform .eyebrow .emj{font-size:15px;}
  .dform .head h1{margin:11px 0 0;font-size:21px;font-weight:800;letter-spacing:-.01em;line-height:1.2;}
  .dform .head p{margin:8px 0 0;font-size:13.5px;color:#cfd3d9;font-weight:400;}

  .dform form{padding:24px 30px 22px;}
  .dform .field{margin-bottom:14px;}
  .dform .field label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#4b505b;margin-bottom:6px;}
  .dform .field input,.dform .field select{width:100%;font-family:inherit;font-size:15px;color:var(--text);padding:14px 14px;border:1.5px solid var(--line);border-radius:0;background:#fff;transition:border-color .18s,box-shadow .18s;}
  .dform .field input:focus,.dform .field select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(250,175,11,.16);}
  .dform .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;font-weight:700;font-size:16px;padding:16px 22px;border:0;border-radius:0;cursor:pointer;background:var(--orange);color:var(--ink);transition:transform .18s var(--ease),box-shadow .18s;font-family:inherit;margin-top:4px;}
  .dform .btn .emj{font-size:18px;}
  .dform .btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px -10px rgba(250,175,11,.75);}
  .dform .fine{margin:12px 0 0;font-size:11.5px;color:var(--muted);text-align:center;line-height:1.5;}
  .dform .fine a{color:var(--blue-2);font-weight:600;}

  .dform .trust{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;padding:0 30px 24px;}
  .dform .trust span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#9aa0a8;}
  .dform .trust .material-icons-outlined{font-size:15px;color:var(--blue-1);}

  .dform .done{display:none;text-align:center;padding:42px 30px 38px;}
  .dform .done .ok{width:72px;height:72px;border-radius:50%;background:rgba(29,141,186,.12);color:var(--blue-2);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
  .dform .done .ok .material-icons-outlined{font-size:38px;}
  .dform .done h2{margin:0 0 10px;font-size:21px;font-weight:800;}
  .dform .done p{margin:0 auto;font-size:15px;color:var(--muted);max-width:36ch;line-height:1.6;}
  .dform .done .btn{margin-top:22px;width:auto;display:inline-flex;padding:13px 22px;}
  .dform .is-done .shell-form{display:none;}
  .dform .is-done .done{display:block;}

  /* RTL (arabe) */
  [dir="rtl"] body.dform-page,[dir="rtl"] .dform{font-family:'Cairo','Raleway',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
  [dir="rtl"] .dform .field label{text-align:right;}
  [dir="rtl"] .dform .field input,[dir="rtl"] .dform .field select{text-align:right;}