.cx{background:var(--nuit);isolation:isolate;grid-template-columns:1fr;min-height:100dvh;display:grid;position:relative;overflow:hidden}.cx__fond{z-index:-1;background:linear-gradient(160deg,#0a0e2a 0%,#10173f 55%,#16205a 100%);position:absolute;inset:0;overflow:hidden}.cx__grille{background:linear-gradient(#ffffff0d 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#ffffff0d 1px,#0000 1px) 0 0/44px 44px;position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(at 30% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(at 30% 40%,#000 20%,#0000 75%)}.cx__orbe{filter:blur(64px);will-change:transform;transform:translate3d(var(--px,0px),var(--py,0px),0);border-radius:50%;position:absolute}.cx__orbe i{background:inherit;animation:cx-flotte var(--duree,16s) ease-in-out infinite alternate;border-radius:50%;position:absolute;inset:0}.cx__orbe--1{opacity:.9;background:#2d3871;width:520px;height:520px;top:-160px;left:-120px}.cx__orbe--2{opacity:.32;--duree:20s;background:#ffbc00;width:420px;height:420px;bottom:-140px;right:-100px}.cx__orbe--3{opacity:.35;--duree:24s;background:#06f;width:300px;height:300px;top:42%;left:38%}@keyframes cx-flotte{0%{transform:translate(0,0)scale(1)}to{transform:translate(60px,40px)scale(1.15)}}.cx__panneau{color:#fff;flex-direction:column;justify-content:space-between;gap:clamp(20px,3.5vh,40px);min-height:100dvh;padding:clamp(28px,5vh,56px) clamp(32px,4vw,72px);display:none;position:relative}.cx__haut{align-items:center;display:flex}.cx__marque-logo{background:#fff;border-radius:20px;align-items:center;padding:10px 22px 10px 14px;display:inline-flex;box-shadow:0 10px 30px -12px #00000073,0 0 0 1px #fff6}.cx .cx__marque-logo .logo-anime,.cx .cx__carte .logo-anime{--mot-couleur:#2f78a6}.cx__marque-logo .logo-anime__scene:before{content:none!important}.cx__milieu{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.cx__sur{letter-spacing:.16em;text-transform:uppercase;color:#7ddcff;margin:0 0 clamp(8px,1.4vh,14px);font-size:13px;font-weight:700}.cx__gros{letter-spacing:-.03em;max-width:14ch;margin:0 0 clamp(18px,3.4vh,34px);font-size:clamp(32px,min(3.4vw,5.6vh),56px);font-weight:800;line-height:1.05}.cx__gros span{background:linear-gradient(90deg,#ffd166,#ffbc00);color:#0000;-webkit-background-clip:text;background-clip:text}.cx__atouts{gap:clamp(8px,1.4vh,14px);max-width:520px;margin:0;padding:0;list-style:none;display:grid}.cx__atouts li{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:16px;padding:clamp(10px,1.6vh,16px) 18px;display:flex}.cx__ico{color:#0a0e2a;background:linear-gradient(135deg,#ffbc00,#ff8a00);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.cx__atouts b{margin-bottom:2px;font-size:16px;display:block}.cx__atouts small{color:#b8c3e6;font-size:14px;line-height:1.45;display:block}.cx__bas{align-items:center;display:flex}.cx__marque{letter-spacing:.12em;text-transform:uppercase;color:#b8c3e6;font-size:12px}.cx__zone{place-items:center;padding:24px 16px;display:grid}.cx__carte{--texte:#1d2a4d;--doux:#5b6684;--lien:#2d3871;--bord:#dfe4f0;--survol:#eef1fb;--focus:#2d3871;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;max-width:440px;color:var(--texte);background:#fff;border-radius:24px;padding:34px 28px 24px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0006}.cx__carte:before{content:"";background:linear-gradient(90deg,#ffbc00,#2d3871 60%,#06f);height:5px;position:absolute;inset:0 0 auto}.cx__logo{margin:0 0 18px;display:block}.cx__titre{letter-spacing:-.02em;margin:0 0 6px;font-size:28px;font-weight:800;line-height:1.15}.cx__sous{color:var(--doux);margin:0 0 22px;font-size:15px}.cx__champ{margin:0 0 16px;position:relative}.cx__champ input{border:1px solid var(--bord);width:100%;height:58px;font:inherit;color:var(--texte);background:#fff;border-radius:14px;padding:22px 14px 6px;font-size:16px;transition:border-color .2s,box-shadow .2s}.cx__champ label{color:var(--doux);pointer-events:none;transform-origin:0 0;font-size:16px;transition:transform .18s,color .18s;position:absolute;top:19px;left:15px}.cx__champ input:focus{border-color:var(--marine);outline:0;box-shadow:0 0 0 4px #2d387129}.cx__champ input:focus+label,.cx__champ input:not(:placeholder-shown)+label{color:var(--marine);transform:translateY(-12px)scale(.78)}.cx__oeil{width:44px;height:44px;color:var(--doux);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:7px;right:6px}.cx__oeil:hover{background:var(--fond)}.cx__bouton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2d3871,#1f2a5c);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:54px;margin-top:6px;font:700 16px Inter,system-ui,sans-serif;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 28px -14px #2d3871e6}.cx__bouton:after{content:"";background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:40%;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)translate(0)}.cx__bouton:hover:not(:disabled){transform:translateY(-1px)}.cx__bouton:hover:not(:disabled):after{animation:.8s cx-reflet}.cx__bouton:active:not(:disabled){transform:translateY(1px)scale(.99)}.cx__bouton:disabled{cursor:progress;opacity:.92}@keyframes cx-reflet{to{transform:skew(-20deg)translate(520%)}}.cx__rond{border:3px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite cx-tour}@keyframes cx-tour{to{transform:rotate(360deg)}}.cx__erreur{color:#8a1c1c;background:#fdecec;border:1px solid #f1aeae;border-radius:12px;align-items:flex-start;gap:10px;margin:0 0 16px;padding:12px 14px;font-size:14px;display:flex}.cx__erreur[data-secoue]{animation:.45s both cx-secoue}@keyframes cx-secoue{20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.cx__liens{text-align:center;margin:18px 0 0;font-size:14px}.cx__signature{border-top:1px solid var(--bord);color:var(--doux);justify-content:space-between;align-items:center;gap:8px;margin-top:22px;padding-top:14px;font-size:12.5px;display:flex}.cx__signature img{width:auto;height:22px}.cx__succes{opacity:0;pointer-events:none;text-align:center;background:#fff;align-content:center;place-items:center;gap:10px;transition:opacity .25s;display:grid;position:absolute;inset:0}.cx[data-etat=succes] .cx__succes{opacity:1}.cx__coche{width:84px;height:84px}.cx__coche circle{fill:none;stroke:#1b9e5a;stroke-width:4px;stroke-dasharray:1;stroke-dashoffset:1px}.cx__coche path{fill:none;stroke:#1b9e5a;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.cx[data-etat=succes] .cx__coche circle{animation:.5s forwards cx-trace}.cx[data-etat=succes] .cx__coche path{animation:.35s .35s forwards cx-trace}@keyframes cx-trace{to{stroke-dashoffset:0}}.cx__voile{background:var(--fond);z-index:50;pointer-events:none;border-radius:50%;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;position:fixed;top:50%;left:50%;transform:scale(0)}.cx[data-etat=sortie] .cx__voile{animation:.55s cubic-bezier(.7,0,.3,1) forwards cx-voile}@keyframes cx-voile{to{transform:scale(1)}}.cx__cascade{opacity:0;animation:.6s cubic-bezier(.2,.7,.2,1) forwards cx-entree;animation-delay:var(--retard,0s);transform:translateY(18px)}@keyframes cx-entree{to{opacity:1;transform:none}}.cx__carte.cx__cascade{transform:translateY(28px)scale(.985)}@media (min-width:1024px){.cx{grid-template-columns:minmax(0,7fr) minmax(0,5fr);padding-inline:max(0px,50% - 720px)}.cx__panneau{display:flex}.cx__logo--mobile{display:none}.cx__zone{background:0 0;place-items:center;padding:clamp(24px,4vh,48px) clamp(24px,3vw,56px) clamp(24px,4vh,48px) 0}}@media (max-width:1023px){.cx__zone{min-height:100dvh}}@media (prefers-reduced-motion:reduce){.cx__orbe i,.cx__rond,.cx__bouton:after{animation:none!important}.cx__cascade{opacity:1;animation:none;transform:none}.cx__erreur[data-secoue]{animation:none}.cx__champ label,.cx__champ input,.cx__bouton{transition:none}.cx[data-etat=succes] .cx__coche circle,.cx[data-etat=succes] .cx__coche path{stroke-dashoffset:0;animation:none}.cx[data-etat=sortie] .cx__voile{animation:none;transform:scale(1)}}.cx__aide{color:var(--doux,#55607a);margin:14px 0 0;font-size:14px}