:root{--rose: #e91e8c;--rose-fonce: #a8186b;--rose-clair: #fce4f1;--rose-pale: #ffd9ec;--encre: #3d1f30;--texte: #6b4257;--blanc: #fff7fb;--gradient: linear-gradient(135deg, #ff6fb5 0%, #e91e8c 50%, #a8186b 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--encre);background:var(--blanc);overflow-x:hidden}#progress{position:fixed;top:0;left:0;height:4px;width:0%;background:var(--gradient);z-index:100;transition:width .1s linear;border-radius:0 4px 4px 0}.tache{position:fixed;border-radius:42% 58% 62% 38%/45% 42% 58% 55%;filter:blur(70px);opacity:.35;z-index:-1;pointer-events:none;animation:metamorphose 14s ease-in-out infinite alternate}@keyframes metamorphose{0%{border-radius:42% 58% 62% 38%/45% 42% 58% 55%;transform:rotate(0) scale(1)}50%{border-radius:62% 38% 45% 55%/58% 55% 42% 45%}to{border-radius:35% 65% 55% 45%/52% 48% 62% 38%;transform:rotate(24deg) scale(1.15)}}.pluie{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.ruban{position:absolute;top:-70px;animation:tomb linear infinite}@keyframes tomb{to{transform:translateY(115vh) rotate(360deg)}}#spotlight{position:fixed;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(233,30,140,.12),transparent 65%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);transition:left .15s ease-out,top .15s ease-out}nav{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:1.5rem;padding:.7rem 1.6rem;border-radius:999px;background:#fff7fbcc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 40px #e91e8c2e;border:1px solid rgba(255,217,236,.8);max-width:92vw}.marque{display:flex;align-items:center;gap:.55rem;font-weight:800;color:var(--rose-fonce);font-size:1.05rem;white-space:nowrap}nav ul{display:flex;gap:1.2rem;list-style:none}nav a.lien{color:var(--encre);text-decoration:none;font-weight:600;font-size:.9rem;transition:.2s;position:relative}nav a.lien:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--gradient);border-radius:2px;transition:width .25s}nav a.lien:hover{color:var(--rose)}nav a.lien:hover:after{width:100%}.btn{display:inline-block;padding:.85rem 1.9rem;border-radius:999px;background:var(--gradient);background-size:200% 200%;color:#fff;font-weight:700;text-decoration:none;border:none;cursor:pointer;font-size:1rem;box-shadow:0 12px 35px #e91e8c59;transition:background-position .4s,transform .2s,box-shadow .2s}.btn:hover{background-position:100% 0;transform:translateY(-3px) scale(1.03);box-shadow:0 20px 50px #e91e8c80}.btn.ligne{background:transparent;color:var(--rose);border:2px solid var(--rose);box-shadow:none}.btn.ligne:hover{background:var(--rose-clair);box-shadow:0 14px 35px #e91e8c40}header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7rem 1.5rem 4rem;position:relative}.logo-wrap{animation:flotte 4.5s ease-in-out infinite;filter:drop-shadow(0 18px 35px rgba(233,30,140,.35))}@keyframes flotte{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.trace{stroke-dasharray:400;stroke-dashoffset:400;animation:dessin 2.4s ease forwards .3s}@keyframes dessin{to{stroke-dashoffset:0}}h1{font-size:clamp(2.6rem,7vw,4.5rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin:1.4rem 0 .9rem}.sous{font-size:clamp(1.05rem,2.5vw,1.3rem);max-width:640px;color:var(--texte);margin-bottom:2.2rem;line-height:1.65}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.scroll-hint{margin-top:3.2rem;color:var(--rose);animation:flotte 2s ease-in-out infinite;font-size:1.4rem}.bandeau{background:var(--gradient);color:#fff;overflow:hidden;padding:.8rem 0;transform:rotate(-1.2deg) scale(1.02);margin:1rem 0}.bandeau-track{display:flex;gap:3rem;white-space:nowrap;animation:defile 22s linear infinite;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem}.bandeau-track span{display:flex;align-items:center;gap:3rem}@keyframes defile{to{transform:translate(-50%)}}section{padding:5.5rem 1.5rem;max-width:1100px;margin:auto;position:relative;z-index:2}h2{font-size:clamp(1.9rem,4vw,2.7rem);text-align:center;margin-bottom:.7rem;font-weight:800;letter-spacing:-.01em}h2 span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.centre{text-align:center;max-width:720px;margin:0 auto 3rem;color:var(--texte);line-height:1.65}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.stat{position:relative;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:28px;padding:2.4rem 1.5rem 2rem;text-align:center;box-shadow:0 16px 45px #e91e8c29;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.stat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;padding:1.5px;background:var(--gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}.stat:hover{transform:translateY(-10px) rotate(.8deg)}.stat:hover:before{opacity:1}.stat .num{font-size:2.7rem;font-weight:900;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.stat p{color:var(--texte);margin-top:.4rem;font-size:.95rem}.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.8rem}.carte{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:28px;padding:2.1rem;box-shadow:0 16px 45px #e91e8c26;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:relative;overflow:hidden}.carte:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,111,181,.25),transparent 70%);top:-60px;right:-60px;transition:transform .4s}.carte:hover{transform:translateY(-10px) rotate(-.4deg);box-shadow:0 26px 60px #e91e8c47}.carte:hover:after{transform:scale(1.8)}.carte .ic{font-size:2.3rem;margin-bottom:.8rem;display:inline-block;transition:transform .3s}.carte:hover .ic{transform:scale(1.25) rotate(8deg)}.carte h3{margin-bottom:.6rem;color:var(--rose-fonce)}.carte p{color:var(--texte);line-height:1.65}.depistage{background:linear-gradient(160deg,var(--rose-clair),#fff 65%);border-radius:36px;padding:3.5rem 2rem;position:relative;overflow:hidden;box-shadow:inset 0 2px 20px #e91e8c0f}.etapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.6rem;margin-top:2.2rem;counter-reset:etape}.etape{background:#fff;border-radius:24px;padding:1.9rem 1.5rem 1.6rem;box-shadow:0 10px 30px #e91e8c1f;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.etape:hover{transform:translateY(-6px)}.etape:before{counter-increment:etape;content:counter(etape);position:absolute;top:-18px;left:22px;width:40px;height:40px;border-radius:14px 14px 14px 4px;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 8px 18px #e91e8c66;transform:rotate(-4deg);transition:transform .3s}.etape:hover:before{transform:rotate(4deg) scale(1.1)}.etape h4{margin:.9rem 0 .4rem;color:var(--rose-fonce)}.etape p{font-size:.92rem;color:var(--texte);line-height:1.6}.citation{text-align:center;font-size:clamp(1.3rem,3vw,1.85rem);font-style:italic;color:var(--rose-fonce);max-width:800px;margin:0 auto 1rem;line-height:1.7;position:relative}.citation:before{content:"«";position:absolute;top:-3.5rem;left:50%;transform:translate(-50%);font-size:6rem;font-style:normal;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.35}.citation footer{font-style:normal;font-weight:700;margin-top:1.2rem;color:var(--texte);font-size:1rem}.agir .grille .carte{text-align:center}.liste{list-style:none;margin-top:1rem;text-align:left}.liste li{padding:.4rem 0;color:var(--texte);transition:transform .2s,padding-left .2s}.liste li:hover{transform:translate(6px);color:var(--rose-fonce)}.liste li:before{content:"✿";margin-right:.55rem;color:var(--rose)}footer{background:var(--gradient);color:#fff;text-align:center;padding:3.2rem 1.5rem;margin-top:3rem;position:relative;overflow:hidden}footer:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#ffffff1a;top:-200px;left:-100px}footer:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff14;bottom:-150px;right:-80px}footer .grands{font-size:2.4rem;margin-bottom:.6rem}.reveal{opacity:0;transform:translateY(36px);transition:all .8s cubic-bezier(.22,1,.36,1)}.reveal.vu{opacity:1;transform:none}@media (max-width: 720px){nav ul{display:none}.bandeau{transform:rotate(-2deg)}}