:root{--marque: #1d4ed8;--marque-fonce: #16389b;--marque-clair: #dbe6fd;--marque-pale: #eff4fe;--marque-lisible: #16389b;--marque-contraste: #ffffff;--texte: #16202e;--texte-doux: #5a6a80;--surface: #ffffff;--bordure: #e4e9f0;--erreur: #b91c1c;--succes: #15803d;--ombre-carte: 0 24px 60px -24px rgba(15, 30, 55, .3), 0 2px 8px rgba(15, 30, 55, .06)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:var(--texte);background:radial-gradient(1100px 620px at 50% -14%,var(--marque-pale),transparent 68%),linear-gradient(180deg,#fcfdff,#eef1f7);background-attachment:fixed;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@keyframes apparition{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.borne{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:0 0 26px}.borne--message{justify-content:center;padding:24px}.entete{width:100%;padding:20px clamp(20px,4vw,46px) 62px;background:linear-gradient(118deg,var(--marque-fonce) 0%,var(--marque) 62%,var(--marque-fonce) 130%);color:var(--marque-contraste);box-shadow:0 10px 30px -14px #0f1e3773}.entete-inner{width:min(920px,100%);margin:0 auto;display:flex;align-items:center;gap:22px}.logo-plaque{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:16px;padding:10px 15px;min-width:96px;min-height:74px;box-shadow:0 6px 18px -6px #00000059}.logo{max-height:58px;max-width:190px;display:block}.logo-initiales{font-size:28px;font-weight:800;color:var(--marque-lisible);letter-spacing:.04em}.entete-textes{min-width:0}.entete-concession{font-size:clamp(12px,1.5vw,15px);font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.78;margin:0 0 5px}.entete h1{font-size:clamp(23px,3.2vw,36px);font-weight:800;margin:0;letter-spacing:-.025em;line-height:1.12}.contenu{position:relative;z-index:1;width:min(760px,calc(100% - 36px));margin-top:-40px;background:var(--surface);border-radius:26px;padding:clamp(30px,4vw,46px) clamp(24px,4vw,42px);display:flex;flex-direction:column;gap:22px;min-height:min(46vh,440px);justify-content:center;box-shadow:var(--ombre-carte);animation:apparition .26s ease-out both}.contenu--centre{text-align:center;align-items:center}.titre-etape{margin:0;font-size:clamp(24px,3.2vw,32px);font-weight:800;letter-spacing:-.025em}.consigne{font-size:clamp(17px,2.2vw,21px);margin:0;line-height:1.5;color:var(--texte-doux)}.consigne strong{color:var(--marque-lisible);font-weight:700}.champ-enveloppe{position:relative;display:flex;align-items:center}.champ-loupe{position:absolute;left:20px;color:var(--texte-doux);pointer-events:none}.champ-geant{width:100%;font-size:clamp(21px,2.8vw,28px);font-weight:600;padding:20px 22px 20px 60px;border:2px solid var(--bordure);border-radius:16px;background:#f8fafd;color:var(--texte);-webkit-user-select:text;user-select:text;transition:border-color .15s,background .15s,box-shadow .15s}.champ-geant::placeholder{font-weight:500;color:#9aa8bc}.champ-geant:focus{outline:none;background:#fff;border-color:var(--marque);box-shadow:0 0 0 5px var(--marque-clair)}.formulaire{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.formulaire label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;color:var(--texte-doux);letter-spacing:.01em}.formulaire label.pleine{grid-column:1 / -1}.formulaire .etiquette em{color:var(--erreur);font-style:normal}.formulaire input{font-size:20px;padding:15px 16px;border:2px solid var(--bordure);border-radius:12px;background:#f8fafd;color:var(--texte);-webkit-user-select:text;user-select:text;transition:border-color .15s,background .15s,box-shadow .15s}.formulaire input:focus{outline:none;background:#fff;border-color:var(--marque);box-shadow:0 0 0 4px var(--marque-clair)}.bouton{font-size:18px;font-weight:700;padding:18px 26px;min-height:62px;border-radius:14px;border:2px solid transparent;cursor:pointer;transition:transform .1s,background .15s,color .15s,box-shadow .15s,border-color .15s}.bouton:active{transform:scale(.982)}.bouton--principal{background:linear-gradient(160deg,var(--marque) 0%,var(--marque-fonce) 100%);color:var(--marque-contraste);box-shadow:0 12px 24px -12px var(--marque)}.bouton--principal:disabled{background:#dfe5ee;color:#9aa8bc;cursor:not-allowed;box-shadow:none}.bouton--secondaire{background:#fff;color:var(--texte-doux);border-color:var(--bordure)}.bouton--secondaire:hover{border-color:#cdd6e3;background:#f8fafd}.bouton--discret{background:#fff;color:var(--texte-doux);border-color:var(--bordure);font-weight:600;font-size:16px;min-height:56px}.bouton--discret:hover{border-color:var(--marque);color:var(--marque-lisible);background:var(--marque-pale)}.actions{display:flex;gap:14px;justify-content:flex-end;flex-wrap:wrap}.actions .bouton{flex:1 1 200px}.pied-accueil{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.pied-accueil .bouton{flex:1 1 240px}.bloc-aucun{background:var(--marque-pale);border:1.5px solid var(--marque-clair);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;animation:apparition .2s ease-out both}.bloc-aucun p{margin:0;font-size:17px;line-height:1.5}.carte-rdv{border:2px solid var(--marque-clair);border-radius:18px;padding:26px;text-align:center;background:linear-gradient(180deg,var(--marque-pale) 0%,#fff 100%)}.rdv-nom{font-size:clamp(27px,3.4vw,35px);font-weight:800;letter-spacing:-.02em}.rdv-immat{display:inline-block;margin-top:10px;padding:5px 14px;font-size:19px;font-weight:800;letter-spacing:.09em;color:var(--texte);background:#fff;border:1.5px solid var(--bordure);border-radius:8px}.rdv-heure{font-size:18px;margin-top:12px;color:var(--marque-lisible);font-weight:700}.grille-motifs{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:14px}.tuile{display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 14px;font-size:16px;font-weight:700;border:2px solid var(--bordure);border-radius:18px;background:#fff;color:var(--texte);cursor:pointer;min-height:158px;justify-content:center;text-align:center;line-height:1.3;transition:transform .12s,border-color .15s,box-shadow .15s}.tuile:hover{border-color:var(--marque);box-shadow:0 14px 28px -18px var(--marque);transform:translateY(-2px)}.tuile:active{transform:scale(.985)}.tuile-picto{flex:0 0 74px;width:74px;height:74px;border-radius:50%;background:var(--marque-pale);color:var(--marque-lisible);display:flex;align-items:center;justify-content:center}.grand-picto{color:var(--marque-lisible);line-height:0}.bouton--avec-icone{display:inline-flex;align-items:center;justify-content:center;gap:10px}.pastille-succes{width:108px;height:108px;border-radius:50%;background:#eafaf0;color:var(--succes);display:flex;align-items:center;justify-content:center;font-size:54px;box-shadow:0 0 0 10px #15803d12;animation:apparition .3s ease-out both}.gros-texte{font-size:21px;margin:0}.contenu--centre h2{font-size:clamp(26px,3.4vw,34px);margin:0;letter-spacing:-.025em}.contenu--centre p{margin:0;font-size:18px;color:var(--texte-doux)}.contenu--centre p strong{color:var(--texte)}.discret{color:var(--texte-doux);font-size:15px}.erreur{color:var(--erreur);font-weight:600;margin:0}.borne-pied{margin-top:auto;padding-top:24px;color:var(--texte-doux);font-size:14px;letter-spacing:.03em}.carte-message{background:var(--surface);border-radius:22px;padding:42px;text-align:center;max-width:540px;display:flex;flex-direction:column;gap:14px;align-items:center;box-shadow:var(--ombre-carte)}.carte-message h1{margin:0;font-size:27px;letter-spacing:-.02em}.carte-message p{margin:0;font-size:17px;color:var(--texte-doux);line-height:1.5}.carte-exemple{display:block;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:15px;word-break:break-all;background:#f2f5fa;color:var(--texte);border:1px solid var(--bordure);padding:12px 14px;border-radius:10px;-webkit-user-select:text;user-select:text}.carte-exemple strong{color:var(--marque-lisible)}@media (max-width: 640px){.formulaire{grid-template-columns:1fr}.entete{padding-bottom:52px}.contenu{padding:24px 18px;border-radius:18px}.logo-plaque{min-width:76px;min-height:60px;padding:8px 10px}.logo{max-height:44px;max-width:130px}}.grille-accueil{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(760px,100%);margin:18px auto 0}.tuile--accueil{min-height:172px;font-size:clamp(19px,2.4vw,24px)}.grand-picto--etape{margin:0 auto 4px;color:var(--marque)}.champ-tel{text-align:center;letter-spacing:2px;font-variant-numeric:tabular-nums;max-width:460px;margin:0 auto;display:block}.carte-tel{font-size:clamp(26px,3.4vw,34px);letter-spacing:3px;text-align:center;font-variant-numeric:tabular-nums}.formulaire--etroit{grid-template-columns:1fr;width:min(560px,100%);margin:0 auto}.code-appel{display:flex;flex-direction:column;align-items:center;gap:2px;margin:10px auto 6px;padding:14px 34px;border-radius:16px;background:var(--marque-pale, rgba(0,0,0,.06));border:2px solid var(--marque, #333);width:fit-content}.code-appel-libelle{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--texte-doux)}.code-appel-valeur{font-size:clamp(34px,5vw,46px);font-weight:800;letter-spacing:.06em;color:var(--marque, #111);font-variant-numeric:tabular-nums}.grille-marques{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:min(880px,100%);margin:14px auto 0}.tuile-marque{display:flex;align-items:center;gap:14px;padding:15px 16px;min-height:78px;font-size:clamp(16px,1.8vw,19px);font-weight:700;text-align:left;border:2px solid var(--bordure);border-radius:16px;background:#fff;color:var(--texte);cursor:pointer;line-height:1.25;transition:transform .12s,border-color .15s,box-shadow .15s}.tuile-marque:hover{border-color:var(--marque);box-shadow:0 14px 28px -18px var(--marque);transform:translateY(-2px)}.tuile-marque:active{transform:scale(.985)}.tuile-marque--choisie{border-color:var(--marque);background:var(--marque-pale)}.tuile-marque--autre{grid-column:1 / -1;font-weight:600;color:var(--texte-doux, #64748b)}.tuile-marque__visuel{flex:0 0 52px;width:52px;height:52px;border-radius:10px;background:#fff;border:1px solid var(--bordure);display:flex;align-items:center;justify-content:center;overflow:hidden}.tuile-marque__visuel img{max-width:44px;max-height:44px;object-fit:contain}.tuile-marque__initiale{font-size:21px;font-weight:800;color:var(--marque-lisible)}.rappel-marque{display:inline-flex;align-items:center;gap:9px;margin:0 auto 4px;padding:6px 8px 6px 6px;border:1.5px solid var(--bordure);border-radius:999px;background:#fff;font-size:15px;font-weight:700;color:var(--texte);cursor:pointer}.rappel-marque__visuel{width:28px;height:28px;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.rappel-marque__visuel img{max-width:24px;max-height:24px;object-fit:contain}.rappel-marque__changer{font-size:13px;font-weight:600;color:var(--marque-lisible)}@media (max-width: 720px){.grille-marques{grid-template-columns:1fr 1fr}}