@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.canopy-accueil{--accueil-fond:linear-gradient(158deg, #0c3d2d 0%, #06281e 46%, #031510 100%);--accueil-n1:#11634b;--accueil-n2:#0a5248;--accueil-n3:#35a07a;--accueil-n4:#c9b27a;--accueil-clair:#a9e8cf;--accueil-or:#ffd98e;--accueil-or-sombre:#e2b055;--accueil-or-clair:#fff3d6;--accueil-texte:#f6fffa;--accueil-verre:linear-gradient(152deg, #ffffff3d, #ffffff12 52%, #ffffff26);--accueil-verre-teinte:linear-gradient(152deg, #1a624e70, #0e443652);--accueil-ombres:0 2px 1px #ffffff1a inset, 0 -1px 1px #00000038 inset, 0 0 0 1px #ffffff24, 0 26px 50px -30px #000a05cc, 0 70px 140px -44px #000a05f2;--accueil-lisere:conic-gradient(from var(--angle), transparent 0deg, #e2b05580 18deg, #ffd685 44deg, #fffaf0 62deg, #ffd685 80deg, #e2b05580 108deg, transparent 134deg, transparent 360deg);--accueil-masque:linear-gradient(#000 0 0);--accueil-filet-blanc:#ffffff24;--accueil-lueur-interieure:#ffffff0d;--accueil-arete-claire:#ffffffd9;--accueil-lueur-curseur:#ffffff1a;--accueil-bouton-filet:#ffffff6b;--accueil-bouton-verre:linear-gradient(152deg, #ffffff57, #ffffff1f 52%, #ffffff3d);--accueil-bouton-ombres:inset 0 1px 0 #fff9, inset 0 -1px 0 #0000002e, 0 0 0 1px #ffd6854d, 0 16px 40px -18px #000c06b3;--accueil-bouton-reflet:linear-gradient(90deg, transparent, #ffffffbf 38%, #ffe2a6e6 52%, #e2b05573 66%, transparent);--accueil-bouton-filet-survol:#ffe0a3bf;--accueil-bouton-ombres-survol:inset 0 1px 0 #ffffffbf, 0 0 0 1px #ffd68599, 0 22px 48px -18px #000c06bf, 0 0 26px -6px #ffcd7080;margin:calc(var(--space-md) * -1);min-height:100svh;padding-left:max(var(--space-md), env(safe-area-inset-left,0px));padding-right:max(var(--space-md), env(safe-area-inset-right,0px));isolation:isolate;background:var(--accueil-fond);color:var(--accueil-texte);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mx:0;--my:0;align-content:center;place-items:center;display:grid;position:relative;overflow:hidden}.canopy-accueil-nappe{filter:blur(70px);z-index:0;pointer-events:none;will-change:transform;border-radius:46% 54% 58% 42%/52% 46% 54% 48%;position:absolute}.canopy-accueil-n1{background:var(--accueil-n1);opacity:.5;width:70vmax;height:58vmax;animation:2s cubic-bezier(.2,.75,.3,1) backwards accueil-eclot,29s ease-in-out 2s infinite accueil-bouge1;top:-16vmax;left:-18vmax}.canopy-accueil-n2{background:var(--accueil-n2);opacity:.46;width:60vmax;height:64vmax;animation:2.2s cubic-bezier(.2,.75,.3,1) .15s backwards accueil-eclot,36s ease-in-out 2.35s infinite accueil-bouge2;bottom:-22vmax;right:-20vmax}.canopy-accueil-n3{background:var(--accueil-n3);opacity:.26;width:44vmax;height:44vmax;margin:-22vmax 0 0 -22vmax;animation:2.4s cubic-bezier(.2,.75,.3,1) .3s backwards accueil-eclot,23s ease-in-out 2.7s infinite accueil-bouge3;top:44%;left:46%}.canopy-accueil-n4{background:var(--accueil-n4);opacity:.12;width:38vmax;height:32vmax;animation:2.6s cubic-bezier(.2,.75,.3,1) .45s backwards accueil-eclot,42s ease-in-out 3.05s infinite accueil-bouge4;top:-6vmax;right:8vmax}@keyframes accueil-eclot{0%{opacity:0;transform:scale(.6)}}@keyframes accueil-bouge1{0%,to{transform:translate(0,0)scale(1)rotate(0)}50%{transform:translate(8vmax,6vmax)scale(1.15)rotate(20deg)}}@keyframes accueil-bouge2{0%,to{transform:translate(0,0)scale(1.1)rotate(0)}50%{transform:translate(-7vmax,-6vmax)scale(1)rotate(-24deg)}}@keyframes accueil-bouge3{0%,to{opacity:.22;transform:translate(0,0)scale(1)}50%{opacity:.36;transform:translate(5vmax,-4vmax)scale(1.28)}}@keyframes accueil-bouge4{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-6vmax,5vmax)scale(1.2)}}.canopy-accueil-grain{z-index:2;pointer-events:none;opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='b'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='180' height='180' filter='url(%23b)'/></svg>");position:absolute;inset:0}.canopy-accueil-poussieres{pointer-events:none;z-index:3;position:absolute;inset:0}.canopy-accueil-mote{background:var(--accueil-clair);opacity:0;z-index:3;border-radius:50%;animation:12s linear infinite accueil-monte;position:absolute}@keyframes accueil-monte{0%{opacity:0;transform:translate(0,0)scale(.4)}16%{opacity:.4}72%{opacity:.18}to{opacity:0;transform:translate(20px,-78vh)scale(1.1)}}.canopy-accueil-plaque{z-index:5;--accueil-px:clamp(var(--space-lg), 5.6vw, calc(var(--space-xl) * 2));--accueil-py:clamp(var(--space-lg), 4.6vh, calc(var(--space-xl) * 1.3));padding:var(--accueil-py) var(--accueil-px);border-radius:var(--radius-card);background:var(--accueil-verre), var(--accueil-verre-teinte);-webkit-backdrop-filter:blur(22px)saturate(140%);box-shadow:var(--accueil-ombres);transform:perspective(1100px) rotateX(calc(var(--my) * -3.4deg)) rotateY(calc(var(--mx) * 3.4deg)) translate3d(calc(var(--mx) * 5px), calc(var(--my) * 5px), 0);max-width:100%;transition:transform .5s cubic-bezier(.2,.7,.3,1);animation:1.7s cubic-bezier(.22,.96,.26,1) .25s backwards accueil-pose;position:relative}@keyframes accueil-pose{0%{opacity:0;padding-left:calc(var(--accueil-px) * 2.9);padding-right:calc(var(--accueil-px) * 2.9);transform:perspective(1100px)translateY(18px)}38%{opacity:1}}.canopy-accueil-plaque:before{content:"";border-radius:inherit;padding:calc(var(--space-xs) * .6);background:var(--accueil-lisere);filter:drop-shadow(0 0 9px #ffcd70f2);-webkit-mask:var(--accueil-masque) content-box, var(--accueil-masque);-webkit-mask-composite:xor;-webkit-mask:var(--accueil-masque) content-box, var(--accueil-masque);mask:var(--accueil-masque) content-box, var(--accueil-masque);pointer-events:none;animation:7.5s linear 1.5s infinite accueil-tourne;position:absolute;inset:-1px;-webkit-mask-composite:xor;mask-composite:exclude}@keyframes accueil-tourne{to{--angle:360deg}}.canopy-accueil-plaque:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(26% 34% at calc(50% + var(--mx) * 42%) calc(50% + var(--my) * 42%), var(--accueil-lueur-curseur), transparent 70%);transition:background .3s;position:absolute;inset:0}.canopy-accueil-cadre{border-radius:calc(var(--radius-card) - var(--space-sm));pointer-events:none;border:1px solid var(--accueil-filet-blanc);box-shadow:inset 0 0 36px var(--accueil-lueur-interieure);animation:1.2s ease-out .9s backwards accueil-fondu;position:absolute;inset:15px}.canopy-accueil-arete{pointer-events:none;background:linear-gradient(90deg, transparent, var(--accueil-arete-claire), transparent);height:1px;animation:1.2s ease-out .7s backwards accueil-fondu;position:absolute;top:0;left:18%;right:18%}.canopy-accueil-dedans{z-index:1;align-items:center;gap:clamp(var(--space-md), 2.8vh, var(--space-lg));flex-direction:column;display:flex;position:relative}@keyframes accueil-fondu{0%{opacity:0;transform:translateY(10px)}}.canopy-accueil-sur{align-items:center;gap:var(--space-sm);letter-spacing:.52em;text-transform:uppercase;color:#e9fff3;text-indent:.52em;margin:0;font-size:clamp(.65rem,1.35vw,.78rem);font-weight:700;animation:1s ease-out .95s backwards accueil-fondu;display:flex}.canopy-accueil-sur:before,.canopy-accueil-sur:after{content:"";background:linear-gradient(90deg,#0000,#ffe0a3e6);width:clamp(20px,5vw,54px);height:1px;display:block}.canopy-accueil-sur:after{background:linear-gradient(90deg,#ffe0a3e6,#0000)}.canopy-accueil-globe{fill:none;width:clamp(40px,5.6vw,56px);height:auto;stroke:var(--accueil-or);stroke-width:1.25px;stroke-linecap:round;filter:drop-shadow(0 0 16px #ffcd7099);animation:1.1s ease-out .55s backwards accueil-fondu;display:block}.canopy-accueil-meridien{transform-box:fill-box;transform-origin:50%}.canopy-accueil-m1{animation:11s ease-in-out infinite accueil-meridien}.canopy-accueil-m2{animation:11s ease-in-out -5.5s infinite accueil-meridien}@keyframes accueil-meridien{0%,to{transform:scaleX(1)}50%{transform:scaleX(.1)}}.canopy-accueil-bloc-nom{perspective:760px;max-width:100%;position:relative}.canopy-accueil-nom{letter-spacing:.055em;-webkit-font-smoothing:antialiased;justify-content:center;margin:0;padding:0 .06em;font-size:clamp(38px,10.4vw,108px);font-weight:700;line-height:1.02;animation:1.5s cubic-bezier(.2,.85,.25,1) 1.1s backwards accueil-resserre;display:flex}@keyframes accueil-resserre{0%{letter-spacing:.26em}}.canopy-accueil-glyphe{--accueil-retard:0s;transform-origin:50% 80%;color:#fff;text-shadow:0 2px 26px #021a0f73;animation:accueil-bascule 1.05s cubic-bezier(.22, .78, .24, 1) var(--accueil-retard) backwards;display:inline-block}@keyframes accueil-bascule{0%{opacity:0;transform:rotateX(-62deg)translateY(18px)}}.canopy-accueil-filet{background:linear-gradient(90deg, transparent, var(--accueil-or-sombre) 16%, var(--accueil-or) 36%, var(--accueil-or-clair) 50%, var(--accueil-or) 64%, var(--accueil-or-sombre) 84%, transparent);background-size:220% 100%;border-radius:2px;width:min(430px,72vw);height:2px;animation:1.2s cubic-bezier(.22,.8,.26,1) 2s backwards accueil-file,7s linear 3.2s infinite accueil-glisse;box-shadow:0 0 16px #ffcd7073}@keyframes accueil-file{0%{transform:scaleX(0)}}@keyframes accueil-glisse{0%{background-position:0 0}to{background-position:220% 0}}.canopy-accueil-sous{letter-spacing:.42em;text-transform:uppercase;color:#e4fbed;text-indent:.42em;margin:0;font-size:clamp(.68rem,1.35vw,.82rem);font-weight:600;animation:.95s ease-out 2.25s backwards accueil-fondu}.canopy-accueil-entrer{margin-top:clamp(var(--space-xs), 1.2vh, var(--space-sm));min-height:54px;padding:0 calc(var(--space-xl) - var(--space-xs));border-radius:var(--radius-pill);border:1px solid var(--accueil-bouton-filet);background:var(--accueil-bouton-verre);-webkit-backdrop-filter:blur(14px)saturate(150%);color:#fff;text-shadow:0 1px 10px #02180e8c;font-family:inherit;font-size:var(--font-md);letter-spacing:.04em;cursor:pointer;box-shadow:var(--accueil-bouton-ombres);font-weight:700;transition:transform .2s,box-shadow .2s;animation:.9s ease-out 2.5s backwards accueil-fondu;position:relative;overflow:hidden}.canopy-accueil-entrer:after{content:"";background:var(--accueil-bouton-reflet);filter:blur(1.5px);width:13%;animation:9s ease-in-out 5s infinite accueil-balaie;position:absolute;top:-20%;bottom:-20%;left:-30%;transform:skew(-20deg)}@keyframes accueil-balaie{0%{left:-30%}46%,to{left:115%}}.canopy-accueil-entrer:hover{border-color:var(--accueil-bouton-filet-survol);box-shadow:var(--accueil-bouton-ombres-survol);transform:translateY(-2px)}.canopy-accueil :focus-visible{outline:2px solid var(--accueil-or);outline-offset:4px}.canopy-accueil[data-connexion=oui]{padding-block:var(--space-lg);align-content:safe center;overflow:hidden auto}.canopy-accueil-formulaire{gap:var(--space-sm);text-align:start;flex-direction:column;width:min(360px,76vw);display:flex}@media (max-width:460px){.canopy-accueil-plaque{border-radius:var(--radius-card-small)}.canopy-accueil-sur{letter-spacing:.34em;gap:var(--space-sm)}.canopy-accueil-nom{letter-spacing:.01em}}@media (prefers-reduced-motion:reduce){.canopy-accueil,.canopy-accueil *,.canopy-accueil :before,.canopy-accueil :after{animation:none!important}.canopy-accueil-entrer:after{display:none}.canopy-accueil-plaque{transform:none}.canopy-accueil-mote{opacity:.3}}:root[data-accueil=posee] .canopy-accueil,:root[data-accueil=posee] .canopy-accueil *,:root[data-accueil=posee] .canopy-accueil :before,:root[data-accueil=posee] .canopy-accueil :after{animation-name:none}:root[data-accueil=posee] .canopy-accueil-n1{animation-name:accueil-bouge1}:root[data-accueil=posee] .canopy-accueil-n2{animation-name:accueil-bouge2}:root[data-accueil=posee] .canopy-accueil-n3{animation-name:accueil-bouge3}:root[data-accueil=posee] .canopy-accueil-n4{animation-name:accueil-bouge4}:root[data-accueil=posee] .canopy-accueil-mote{animation-name:accueil-monte}:root[data-accueil=posee] .canopy-accueil-m1,:root[data-accueil=posee] .canopy-accueil-m2{animation-name:accueil-meridien}:root[data-accueil=posee] .canopy-accueil-plaque:before{animation-name:accueil-tourne}:root[data-accueil=posee] .canopy-accueil-filet{animation-name:accueil-glisse}:root[data-accueil=posee] .canopy-accueil-entrer:after{animation-name:accueil-balaie}.canopy-accueil[data-coupee=oui],.canopy-accueil[data-coupee=oui] *,.canopy-accueil[data-coupee=oui] :before,.canopy-accueil[data-coupee=oui] :after{animation-name:none}.canopy-accueil[data-coupee=oui] .canopy-accueil-n1{animation-name:accueil-bouge1}.canopy-accueil[data-coupee=oui] .canopy-accueil-n2{animation-name:accueil-bouge2}.canopy-accueil[data-coupee=oui] .canopy-accueil-n3{animation-name:accueil-bouge3}.canopy-accueil[data-coupee=oui] .canopy-accueil-n4{animation-name:accueil-bouge4}.canopy-accueil[data-coupee=oui] .canopy-accueil-mote{animation-name:accueil-monte}.canopy-accueil[data-coupee=oui] .canopy-accueil-m1,.canopy-accueil[data-coupee=oui] .canopy-accueil-m2{animation-name:accueil-meridien}.canopy-accueil[data-coupee=oui] .canopy-accueil-plaque:before{animation-name:accueil-tourne}.canopy-accueil[data-coupee=oui] .canopy-accueil-filet{animation-name:accueil-glisse}