:root [data-mq~=D4] .d4-ecran,:root [data-mq~=D4].d4-ecran{position:relative;display:flex;flex-direction:column;width:100%;max-width:576px;margin:0 auto;font-family:var(--font-manrope),Manrope,sans-serif;color:#0a1a33}:root [data-mq~=D4].d4-haut{position:relative;display:flex;align-items:center;gap:12px}:root [data-mq~=D4] .d4-retour{width:44px;height:44px;flex:0 0 auto;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid #dce8f7;display:flex;align-items:center;justify-content:center;color:#0a1a33}:root [data-mq~=D4] .d4-traits{flex:1;display:flex;gap:6px}:root [data-mq~=D4] .d4-trait{flex:1;height:6px;border-radius:99px;background:#dce8f7}:root [data-mq~=D4] .d4-trait.on{background:linear-gradient(90deg,#0a66c2,#01ade2)}:root [data-mq~=D4] .d4-compte{font-family:var(--font-mono),"JetBrains Mono",monospace;font-size:12px;color:#5a6e8c}:root [data-mq~=D4] .d4-titre{position:relative;margin:30px 0 6px;font-weight:700;font-size:31px;line-height:1.1;letter-spacing:-.03em;color:#0a1a33;text-wrap:balance}:root [data-mq~=D4] .d4-ligne{position:relative;margin:0 0 22px;color:#5a6e8c;font-size:15px}:root [data-mq~=D4] .d4-cartes{display:flex;flex-direction:column;gap:12px}:root [data-mq~=D4] .d4-carte{position:relative;box-sizing:border-box;width:100%;text-align:left;border-radius:24px;padding:18px;display:flex;gap:14px;align-items:center;font:inherit;cursor:pointer}:root [data-mq~=D4] .d4-carte.patient{border:1px solid #ffffff;background:rgba(255,255,255,.85);color:#0a1a33;box-shadow:0 24px 40px -26px rgba(6,36,81,.5)}:root [data-mq~=D4] .d4-carte.patient:has(input:checked){border:1px solid rgba(10,102,194,.4);box-shadow:0 0 0 4px rgba(10,102,194,.1),0 24px 40px -26px rgba(6,36,81,.5)}:root [data-mq~=D4] .d4-carte.pro{border:1px solid rgba(255,255,255,.15);background:linear-gradient(160deg,#062451,#0b3a73);color:#ffffff;box-shadow:0 24px 40px -26px rgba(6,36,81,.7)}:root [data-mq~=D4] .d4-carte.pro:has(input:checked){box-shadow:0 0 0 4px rgba(10,102,194,.25),0 24px 40px -26px rgba(6,36,81,.7)}:root [data-mq~=D4] .d4-carte:has(input:focus-visible){outline:2px solid #0a66c2;outline-offset:4px}:root [data-mq~=D4] .d4-carte:has(input:disabled){cursor:not-allowed;opacity:.6}:root [data-mq~=D4] .d4-pastille{width:52px;height:52px;flex:0 0 auto;border-radius:16px;display:flex;align-items:center;justify-content:center}:root [data-mq~=D4] .patient .d4-pastille{background:linear-gradient(135deg,#0a66c2,#01ade2);color:#ffffff}:root [data-mq~=D4] .pro .d4-pastille{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#7fdbf5}:root [data-mq~=D4] .d4-textes{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;padding-right:32px}:root [data-mq~=D4] .d4-textes strong{font-size:17px}:root [data-mq~=D4] .d4-textes span{font-size:14px}:root [data-mq~=D4] .patient .d4-textes span{color:#3e5272}:root [data-mq~=D4] .pro .d4-textes span{color:#b9cde6}:root [data-mq~=D4] .d4-coche{position:absolute;right:16px;top:16px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #dce8f7;background:#ffffff;color:#ffffff}:root [data-mq~=D4] .pro .d4-coche{border-color:rgba(255,255,255,.4);background:transparent;color:#062451}:root [data-mq~=D4] .d4-coche svg{opacity:0;transform:scale(.5);transition:transform .2s,opacity .2s}:root [data-mq~=D4] .patient:has(input:checked) .d4-coche{border-color:#0a66c2;background:#0a66c2}:root [data-mq~=D4] .pro:has(input:checked) .d4-coche{border-color:#ffffff;background:#ffffff}:root [data-mq~=D4] .d4-carte:has(input:checked) .d4-coche svg{opacity:1;transform:none}:root [data-mq~=D4] .d4-consigne{margin:14px 0 0;text-align:center;font-size:13px;color:#5a6e8c}:root [data-mq~=D4] .d4-bandeau,:root [data-mq~=D4].d4-bandeau{margin-top:12px;border-radius:16px;border:1px solid #dce8f7;background:rgba(255,255,255,.85);padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}:root [data-mq~=D4] .d4-bandeau p{margin:0;font-size:14px;font-weight:700;color:#0a1a33}:root [data-mq~=D4] .d4-bandeau-bouton{min-height:44px;padding:0 16px;border:0;border-radius:14px;font:inherit;font-size:14px;font-weight:700;display:inline-flex}:root [data-mq~=D4] .d4-bandeau-bouton,:root [data-mq~=D4] .d4-continuer{background:linear-gradient(180deg,#1f7fdb,#0a66c2);color:#ffffff;align-items:center;cursor:pointer}:root [data-mq~=D4] .d4-continuer{width:100%;margin-top:18px;min-height:56px;border:0;border-radius:16px;font:inherit;font-weight:700;font-size:16px;box-shadow:0 14px 28px -14px rgba(10,102,194,.8);display:flex;justify-content:center;gap:8px}:root [data-mq~=D4] .d4-continuer:disabled{opacity:.6;cursor:not-allowed}:root [data-mq~=D4] .d4-deja{margin:12px 0 0;text-align:center;font-size:14px;color:#5a6e8c}:root [data-mq~=D4] .d4-deja a{color:#0a66c2;font-weight:700;min-height:44px;display:inline-flex;align-items:center}:root [data-mq~=D4] .d4-roue{animation:mq-D4-roue 1s linear infinite}@keyframes mq-D4-roue{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){:root [data-mq~=D4] .d4-coche svg,:root [data-mq~=D4] .d4-roue{animation:none;transition:none}}:root [data-mq~=D4] .d4-apres-titre{margin-top:16px}:root [data-mq~=D4].d4-metiers{display:flex;flex-direction:column;gap:18px}:root [data-mq~=D4] .d4-carte.d4-metier,:root [data-mq~=D4] .d4-carte.d4-metier-heros{min-height:64px;padding:14px 16px;align-items:flex-start;text-decoration:none;transition:transform .15s,box-shadow .2s,border-color .2s}:root [data-mq~=D4] .d4-carte.d4-metier-heros:hover,:root [data-mq~=D4] .d4-carte.d4-metier:hover{border-color:rgba(10,102,194,.4)}:root [data-mq~=D4] .d4-carte.d4-metier:active{transform:scale(.98)}:root [data-mq~=D4] .d4-carte.d4-metier-heros:focus-visible,:root [data-mq~=D4] .d4-carte.d4-metier:focus-visible{outline:2px solid #0a66c2;outline-offset:4px}:root [data-mq~=D4] .d4-carte.d4-metier-heros{padding:18px}:root [data-mq~=D4] .d4-metier .d4-textes{padding-right:8px}:root [data-mq~=D4] .d4-metier .d4-textes strong{font-size:15px;line-height:1.2;overflow-wrap:anywhere}:root [data-mq~=D4] .d4-metier .d4-textes>span{font-size:12.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:root [data-mq~=D4] .d4-metier .d4-textes>span.d4-en-preparation{display:inline-block;align-self:flex-start;margin-top:4px;padding:2px 8px;border-radius:999px;background:#fff1e2;color:#b85a00;font-size:11px;font-weight:700}:root [data-mq~=D4] .d4-pastille.d4-pastille-metier{width:40px;height:40px;border-radius:13px;background:#eaf3ff;color:#0a66c2}:root [data-mq~=D4] .d4-fleche{flex:0 0 auto;margin-top:4px;color:#9ab0cc}:root [data-mq~=D4] .d4-metier:hover .d4-fleche{color:#0a66c2}:root [data-mq~=D4] .d4-metier-heros .d4-textes{gap:6px;padding-right:0}:root [data-mq~=D4] .d4-metier-heros .d4-textes strong{font-size:20px;line-height:1.15;letter-spacing:-.02em}:root [data-mq~=D4] .d4-metier-heros .d4-textes span b{color:#0a1a33}:root [data-mq~=D4] .d4-metier-heros .d4-metier-cta{align-self:flex-start;min-height:44px;margin-top:6px;display:inline-flex;align-items:center;gap:8px;padding:0 18px;border-radius:14px;background:linear-gradient(180deg,#1f7fdb,#0a66c2);color:#ffffff;font-size:14px;font-weight:800}:root [data-mq~=D4] .d4-bandeau.d4-bandeau-regle{margin-top:0;flex-wrap:nowrap;justify-content:flex-start}:root [data-mq~=D4] .d4-bandeau.d4-bandeau-regle>svg{flex:0 0 auto;color:#0a66c2}:root [data-mq~=D4] .d4-bandeau.d4-bandeau-regle p{font-weight:600;line-height:1.4}:root [data-mq~=D4] .d4-famille{display:flex;flex-direction:column;gap:10px}:root [data-mq~=D4] .d4-famille-tete{display:flex;align-items:center;gap:12px}:root [data-mq~=D4] .d4-pastille.d4-pastille-famille{width:40px;height:40px;border-radius:13px}:root [data-mq~=D4] .d4-famille-textes{min-width:0}:root [data-mq~=D4] .d4-famille-textes h2{margin:0;text-transform:uppercase}:root [data-mq~=D4] .d4-famille-textes p{margin:2px 0 0;font-size:14px;font-weight:700;line-height:1.25;color:#0a1a33}:root [data-mq~=D4] .d4-cartes.d4-metiers-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,305px),1fr));gap:10px}@media (prefers-reduced-motion:reduce){:root [data-mq~=D4] .d4-carte.d4-metier{transition:none}:root [data-mq~=D4] .d4-carte.d4-metier:active{transform:none}}:root [data-mq~=D4] .d4-metier-heros .d4-textes>span.d4-compte{font-size:12px;color:#0a66c2;text-transform:uppercase}:root [data-mq~=D4] button.d4-retour.d4-retour-bouton{padding:0;font:inherit;cursor:pointer}:root [data-mq~=D4] .d4-carte.d4-metier-bouton{align-items:center}:root [data-mq~=D4] .d4-alerte,:root [data-mq~=D4] .d4-form-metier{margin-top:16px}:root [data-mq~=D4] .d4-deux-champs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width:380px){:root [data-mq~=D4] .d4-deux-champs{grid-template-columns:1fr}}:root [data-mq~=D4] .d4-cgu{padding-top:4px}:root [data-mq~=D4] .d4-form-metier .d4-continuer{margin-top:4px}:where(div):has(>.insc-coquille){max-width:none;padding:0}:where(div):has(>div>.insc-coquille){overflow:clip}.insc-coquille{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:100dvh}.insc-coquille-formulaire{min-width:0}@supports selector(:has(*)){@media (min-width:1024px){.insc-coquille{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.insc-coquille-avantages{position:sticky;top:0;align-self:start;height:100dvh;display:flex}.insc-coquille-avantages>aside{flex:1 1 auto;min-height:0;justify-content:flex-start}.insc-coquille-avantages>aside>p:last-child{margin-top:auto}}@media (min-width:1536px){.insc-coquille-formulaire>main{max-width:42rem}}}