:root{--ink:#e9eef2;--dim:#8e9aa4;--accent:#ffd166;--green:#58c46b;--red:#ff6b5a;--panel:#0c1116d1;--edge:#ffffff1c;--font:ui-sans-serif, -apple-system, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}*{box-sizing:border-box}body{min-height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#05080b radial-gradient(120% 70% at 50% 0,#16283a 0%,#070b10 60%) fixed;margin:0}main{max-width:780px;margin:0 auto;padding:28px 18px 64px}a{color:var(--accent)}.hidden{display:none!important}.fil{font:600 12px/1 var(--font);margin:0 0 18px}.fil a{color:var(--dim);text-decoration:none}.fil a:hover{color:var(--accent)}h1{font:700 clamp(24px, 5vw, 34px) / 1.12 var(--font);letter-spacing:-.01em;margin:0 0 10px}.sous{color:var(--dim);font:400 14.5px/1.65 var(--font);margin:0}.sous b{color:var(--ink)}.zone{border:2px dashed var(--edge);cursor:pointer;background:#ffffff05;border-radius:16px;margin:26px 0;transition:border-color .15s,background .15s}.zone:hover,.zone.survol{border-color:var(--accent);background:#ffd1660f}.zone-in{text-align:center;padding:42px 20px}.zone-icone{font:300 30px/1 var(--font);color:var(--accent);opacity:.75}.zone-titre{font:700 17px/1.2 var(--font);margin:12px 0 4px}.zone-sous{color:var(--dim);font:400 13.5px/1.4 var(--font);margin:0 0 12px}.zone-fmt{color:var(--dim);font:500 11.5px/1.5 var(--mono);opacity:.75;margin:0}.lien{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.carte{background:var(--panel);border:1px solid var(--edge);border-radius:14px;margin:22px 0;padding:20px 22px 24px}.carte h2{font:700 19px/1.25 var(--font);margin:0 0 12px}.carte h3{font:600 11px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:24px 0 10px}.carte.alerte{border-color:#ff6b5a80}.carte.alerte h2{color:var(--red)}.barre{background:#ffffff17;border-radius:3px;height:4px;overflow:hidden}.barre i{background:var(--accent);width:0;height:100%;transition:width .25s;display:block}.etape{color:var(--dim);font:500 12.5px/1.5 var(--mono);margin:10px 0 0}.tip{color:var(--dim);font:400 12.5px/1.65 var(--font);margin:12px 0 0}.chiffres{background:var(--edge);border:1px solid var(--edge);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:1px;display:grid;overflow:hidden}.chiffres div{background:#0b1116;padding:12px 10px}.chiffres b{font:700 19px/1.15 var(--mono);color:var(--accent);display:block}.chiffres span{color:var(--dim);font:500 10.5px/1.3 var(--font);letter-spacing:.04em;text-transform:uppercase;margin-top:3px;display:block}.reperes{border-top:1px solid var(--edge);margin:0;padding:0;list-style:none}.reperes li{border-bottom:1px solid var(--edge);font:400 13.5px/1.4 var(--font);align-items:baseline;gap:10px;padding:7px 2px;display:flex}.reperes .h{color:var(--dim);font:500 12px/1.4 var(--mono);min-width:46px}.reperes .n{flex:1}.reperes .d{color:var(--dim);font:500 12px/1.4 var(--mono);white-space:nowrap}.avert{border-left:3px solid var(--accent);background:#ffd16612;border-radius:0 8px 8px 0;margin:16px 0 0;padding:12px 14px}.avert p{color:var(--ink);font:400 13px/1.6 var(--font);margin:0 0 7px}.avert p:last-child{margin-bottom:0}.partage{border-top:1px solid var(--edge);margin-top:26px;padding-top:20px}.etiq{font:600 11px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0 0 8px}.lien-boite{gap:8px;display:flex}.lien-boite input{border:1px solid var(--edge);min-width:0;color:var(--ink);font:500 13px/1 var(--mono);background:#0b1116;border-radius:9px;flex:1;padding:11px 12px}.lien-boite button,.ghost{border:1px solid var(--edge);color:var(--dim);font:600 12.5px/1 var(--font);cursor:pointer;background:0 0;border-radius:9px;padding:11px 16px}.lien-boite button:hover,.ghost:hover{color:var(--ink);border-color:var(--accent)}.ghost{margin-top:14px}.cta{background:var(--accent);color:#0b0f14;font:800 14px/1 var(--font);letter-spacing:.06em;text-align:center;border-radius:11px;margin-top:18px;padding:15px;text-decoration:none;display:block}.cta:hover{filter:brightness(1.08)}.pied{border-top:1px solid var(--edge);margin-top:44px;padding-top:22px}.pied h3{font:600 11px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0 0 12px}.pied p{color:var(--dim);font:400 13px/1.7 var(--font);margin:0 0 12px}.pied b{color:var(--ink)}.credit{opacity:.8;font-size:12px}
