:root{color-scheme:dark;--bg:#071222;--surface:#111e30;--raised:#18283e;--input:#091627;--border:#2a3b51;--text:#f1f5fb;--muted:#9aaec6;--blue:#85aaff;--accent:#b6cbff;--shadow:0 24px 70px #0003}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#152d4a55,transparent 55%),var(--bg);color:var(--text);font:15px/1.55 'Segoe UI',Arial,sans-serif;min-height:100vh}body.light{color-scheme:light;--bg:#f3f6fb;--surface:#fff;--raised:#edf2f9;--input:#f8faff;--border:#d7e1ef;--text:#11223a;--muted:#5a6f88;--blue:#245edb;--accent:#194cae;--shadow:0 18px 60px #12346310}button,input{font:inherit}button,a,label.upload{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--border);border-radius:12px;background:var(--raised);color:var(--text);padding:10px 16px;transition:.18s}button:hover{border-color:var(--blue);filter:brightness(1.08)}button:focus-visible,a:focus-visible,label.upload:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:disabled{cursor:wait;opacity:.6}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}header{height:88px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--text)}.brand-mark{width:43px;height:48px;display:grid;place-items:center;color:var(--blue);background:linear-gradient(135deg,#7296e52a,#55bcb313);border:1px solid #83a8ed55;border-radius:12px}.brand-mark svg{width:29px;height:29px}.brand strong{display:block;font-size:17px;letter-spacing:.3px}.brand small{display:block;color:var(--blue);font-size:9px;letter-spacing:1.6px}nav{display:flex;gap:9px}.quiet{display:inline-flex;align-items:center;gap:7px;background:transparent;font-size:13px;padding:8px 12px}.round{border-radius:50%;padding:9px}main{width:min(850px,calc(100% - 40px));margin:40px auto 0}.intro{text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #548e9f55;background:#1f8c7110;color:#82c9bf;font-size:10px;letter-spacing:1.45px;font-weight:700;padding:7px 13px;border-radius:30px}.live-dot{width:6px;height:6px;border-radius:50%;background:#72c8ac;box-shadow:0 0 10px #72c8ac66}h1{font-size:42px;line-height:1.17;font-weight:650;letter-spacing:-1.5px;margin:20px 0 13px}h1 em{font-style:normal;color:var(--accent)}.intro p{margin:0;color:var(--muted);font-size:15px}.types{display:flex;justify-content:center;gap:8px;margin:19px 0 28px}.types span{color:var(--muted);background:var(--raised);border:1px solid var(--border);padding:4px 12px;border-radius:6px;font-size:11px}.types span:last-child{color:#e9a9c8}.light .types span:last-child{color:#a42a68}.workspace{width:100%;margin:auto}.steps{display:flex;width:420px;max-width:100%;padding:5px;background:var(--surface);border:1px solid var(--border);border-radius:30px;margin:0 auto 23px}.steps button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:transparent;color:var(--muted);border-radius:24px;font-weight:600;font-size:13px}.steps button[aria-selected=true]{background:var(--blue);color:#081a39;box-shadow:0 3px 15px #5083e72c}.light .steps button[aria-selected=true]{color:#fff}.step{width:19px;height:19px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:24px 29px 30px;box-shadow:var(--shadow);min-height:400px}.modes{display:flex;gap:5px;background:var(--raised);border-radius:20px;padding:5px;margin-bottom:31px}.modes button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:transparent;color:var(--muted);border-radius:16px;font-size:13px;padding:8px}.modes button svg{width:16px;height:16px}.modes button[aria-selected=true]{background:var(--bg);color:var(--blue);box-shadow:0 2px 7px #0002}h2{font-size:21px;letter-spacing:-.4px;line-height:1.3;margin:0 0 9px;font-weight:600}.muted{color:var(--muted);margin:0 0 22px;font-size:13px}.small{font-size:12px}.section-icon{display:none}label{font-size:12px;font-weight:600;display:block;margin-bottom:8px}.input-wrap{position:relative}.input-wrap svg{position:absolute;right:17px;top:17px;color:var(--muted);width:18px;height:18px}input{width:100%;color:var(--text);background:var(--input);border:1px solid var(--border);border-radius:13px;padding:15px 48px 15px 17px;outline:none;font-size:15px}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #739bf520}input::placeholder{color:var(--muted);opacity:.75}.primary{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);color:#081b3d;border:0;font-weight:600;min-height:48px;border-radius:13px}.light .primary{color:#fff}form .primary{width:100%;margin-top:18px}.arrow{margin-left:auto;font-size:22px;font-weight:400}.primary svg{margin-left:auto}.assurance-note{display:flex;align-items:flex-start;gap:10px;border-top:1px solid var(--border);padding-top:18px;margin-top:25px;color:var(--muted)}.assurance-note svg{color:#80b8b1;width:17px}.assurance-note p{font-size:11px;margin:0;max-width:620px}.trust-strip{display:flex;justify-content:center;gap:30px;color:var(--muted);font-size:10px;margin:23px 0 38px}.trust-strip span{display:flex;align-items:center;gap:7px}.trust-strip svg{width:14px;height:14px}footer{border-top:1px solid var(--border);padding:20px 5%;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;gap:15px}footer div{display:flex;gap:10px;align-items:center}footer button{background:none;border:none;padding:0;font-size:11px;color:var(--muted);border-radius:0}.notice{border:1px solid #e2ab5555;background:#a7771410;color:#e2b475;font-size:13px;padding:13px;border-radius:10px;margin:18px 0 0}.light .notice{color:#825509}.scan-zone{margin:20px auto;width:min(100%,420px);aspect-ratio:1.6;border:1px dashed var(--border);background:var(--input);border-radius:18px;display:grid;place-items:center;position:relative;overflow:hidden}.scan-placeholder{width:90px;height:90px;color:var(--muted);opacity:.35}.scan-zone video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.scan-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.scan-actions button{padding:12px 18px}.upload{font-size:12px;font-weight:400;color:var(--blue);text-decoration:underline;cursor:pointer;margin:0;padding:10px}.scan-actions+.muted{text-align:center;margin-bottom:0}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;background:var(--input);margin-top:9px;text-align:left}.history-row small{color:var(--muted)}.empty{text-align:center;padding:35px 10px}.empty>svg{width:50px;height:50px;color:var(--muted);margin:0 auto 20px}.secondary{display:block;margin:23px auto 0;background:transparent;font-size:12px}.result-item{border:1px solid var(--border);border-radius:15px;overflow:hidden;margin-bottom:18px}.result-header{padding:18px;background:var(--raised);display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{border-radius:24px;padding:5px 10px;font-size:11px;white-space:nowrap}.active{color:#9be4bf;background:#249d5d20}.cancelled{color:#ffa7ac;background:#db414125}.expired,.upcoming{color:#e8c58d;background:#c8913220}.light .active{color:#146736}.light .cancelled{color:#a91e29}.light .expired,.light .upcoming{color:#845807}.result-title{font-weight:600;font-size:14px}.result-sub{font-size:11px;color:var(--muted);margin-top:3px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px}.result-grid dt{font-size:11px;color:var(--muted);margin:0 0 3px}.result-grid dd{margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}.result-grid dl{margin:0}.result-foot{padding:13px 20px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.checked{font-size:11px;color:var(--muted);margin:0 0 20px}.comparison{font-size:12px;color:var(--muted);background:var(--input);padding:14px;border:1px solid var(--border);border-radius:10px}dialog{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:20px;width:min(560px,calc(100% - 30px));max-height:85vh;padding:32px;box-shadow:var(--shadow)}dialog::backdrop{background:#020911bb;backdrop-filter:blur(6px)}dialog p,dialog li{font-size:14px;color:var(--muted)}dialog h2{padding-right:20px}.close{position:absolute;right:14px;top:12px;background:none;border:0;font-size:24px;padding:2px 8px}[hidden]{display:none!important}@media(max-width:600px){header{height:76px;padding:0 18px;gap:8px}.brand strong{font-size:12px}.brand small{font-size:7px;letter-spacing:.7px}.brand-mark{width:32px;height:38px}.brand-mark svg{width:22px}.brand{gap:8px}nav{gap:5px}nav .quiet{padding:8px;font-size:11px}nav .quiet span{display:none}nav svg{width:17px;height:17px}main{width:calc(100% - 28px);margin-top:28px}h1{font-size:32px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:.8px}.intro p{font-size:13px}.desktop{display:none}.types{gap:5px;margin-bottom:25px}.types span{font-size:9px;padding:4px 8px}.steps{width:350px}.card{padding:18px 17px 23px;border-radius:19px;min-height:400px}.modes{margin-bottom:27px}.modes button{font-size:12px;gap:6px}h2{font-size:19px}.muted{font-size:12px}.trust-strip{gap:15px;font-size:9px;margin-bottom:25px}footer{flex-direction:column;align-items:center;text-align:center;padding:18px}.result-header{padding:13px;flex-wrap:wrap}.result-grid{padding:15px;gap:15px}.result-grid dd{font-size:12px}.badge{font-size:10px}.scan-actions{gap:5px}}

/* Proportions du portail de référence, adaptées à la marque de l’assureur. */
:root{--bg:#060f1f;--surface:#151b2a;--raised:#1d293c;--input:#0b1222;--border:#30394b;--text:#f4f5f7;--muted:#9a9eae;--blue:#7397ed;--accent:#b4c9ff;--shadow:none}
body{background:var(--bg);font-family:'Segoe UI',Arial,sans-serif}header{height:65px;padding:0 25px}.brand-mark{height:40px;width:40px;background:transparent;border:0;border-radius:50%}.brand{gap:12px}.brand strong{font-size:15px}.brand small{font-size:9px;letter-spacing:.8px}.quiet{background:var(--raised);border:1px solid #ffffff09;border-radius:20px;padding:8px 10px;font-size:12px;gap:7px}nav .quiet svg{color:#91a5e5;width:16px;height:16px}nav #securityBtn svg{color:#df3767}nav .round{padding:9px}nav .round svg{color:#d4b45f}nav{gap:8px}main{width:min(812px,calc(100% - 48px));margin:24px auto 0}.eyebrow{position:relative;isolation:isolate;overflow:hidden;background:transparent;border:0;color:var(--text);font-size:12px;font-weight:500;letter-spacing:-.2px;padding:5px 13px;gap:5px;line-height:20px;box-shadow:0 0 12px #e1cd2e0c}.eyebrow::before{content:'';position:absolute;inset:-350px;z-index:-2;background:conic-gradient(from 0deg,#df3b68 0deg 98deg,#e8d942 100deg 216deg,#58b576 218deg 278deg,#df3b68 280deg 360deg);animation:hub-border-orbit 4s linear infinite}.eyebrow::after{content:'';position:absolute;inset:2px;background:var(--bg);border-radius:inherit;z-index:-1}.eyebrow svg{color:#b5d954;width:15px;height:15px;stroke-width:1.4}h1{font-size:30px;line-height:1.3;letter-spacing:-1px;margin:13px 0 10px;font-weight:700}.intro p{font-size:14px;line-height:1.6}.steps{width:448px;padding:6px;border-radius:30px;margin:35px auto 30px;background:var(--surface);height:51px}.steps button{padding:7px 16px;font-size:13px;font-weight:500;gap:11px}.steps svg{width:16px;height:16px}.steps button[aria-selected=true]{color:#102749}.card{border-radius:32px;padding:28px;min-height:460px;background:var(--surface);box-shadow:inset 0 1px 0 #ffffff03}.modes{padding:5px;border-radius:24px;gap:0;margin-bottom:34px;min-height:48px}.modes button{font-size:12px;border-radius:20px;padding:7px;gap:8px}.modes button[aria-selected=true]{color:#96aaff;background:var(--bg)}h2{font-size:16px;letter-spacing:-.3px;font-weight:600;margin-bottom:9px}.muted{font-size:12px;line-height:1.6;margin-bottom:17px}label{font-size:11px;font-weight:600;margin-bottom:7px}.input-wrap input{border-radius:24px;padding:12px 44px 12px 16px;min-height:47px;font-size:13px}.input-wrap svg{top:15px;width:17px;height:17px}.primary{font-size:13px;font-weight:500;min-height:43px;border-radius:23px;box-shadow:0 3px 9px #7397ed1c}.primary svg{margin:0;width:17px;height:17px}form .primary{margin-top:23px}.trust-strip{display:none}footer{border:0;display:block;text-align:center;padding:26px 20px 15px;font-size:10px;color:var(--muted)}footer div{display:inline-flex;gap:7px;margin-left:5px}footer button{color:#9bb3f6;font-size:10px;padding:0;background:none;border:0}footer>span::after{content:' ·';padding-left:5px}.workspace{margin-bottom:0}.scan-zone{max-width:360px}.secondary{box-shadow:none}body.light{--bg:#f8fafc;--surface:#fff;--raised:#eef2f7;--input:#fff;--border:#d9dfeb;--text:#192238;--muted:#6b7280;--blue:#6589e4}.light .eyebrow{color:#273244}.light .steps button[aria-selected=true]{color:#fff}.light .modes button[aria-selected=true]{color:#315cb7}.light .quiet{border-color:#d9dfeb}.light footer button{color:#355fb9}.light .primary{color:#fff}@keyframes hub-border-orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.eyebrow::before{animation:none}}@media(max-width:600px){header{padding:0 15px;height:65px}.brand strong{font-size:12px}.brand-mark{width:30px}.brand{gap:7px}nav{gap:5px}nav .quiet{padding:8px}.brand small{font-size:8px}main{width:calc(100% - 28px);margin-top:25px}h1{font-size:24px;letter-spacing:-.8px;line-height:1.3;margin-top:15px}.intro p{font-size:12px;margin:0 7px}.eyebrow{font-size:11px;padding:4px 11px}.steps{margin:28px auto 25px;height:48px;width:90%}.steps button{font-size:12px}.card{padding:23px 18px;border-radius:27px;min-height:440px}.modes{margin-bottom:31px}.modes button{font-size:11px;gap:6px}.muted{font-size:12px}h2{font-size:16px}footer{padding:25px 15px;font-size:10px}footer div{display:flex;justify-content:center;flex-wrap:wrap;margin:5px 0 0;gap:8px}footer>span::after{content:none}}