.cx{--cx-nuit:#050616;--cx-nuit-haut:#0b1240;--cx-gris:#9ca3af;--cx-pied:#a9aec0;display:grid;grid-template-columns:1.02fr 1fr;min-height:100dvh;background:var(--h-fond);font-family:var(--font-display)}.cx-scene{position:relative;overflow:hidden;background:var(--cx-nuit)}.cx-nappe{background:radial-gradient(760px 760px at 8% 92%,color-mix(in srgb,var(--h-magenta) 50%,transparent),transparent 62%),radial-gradient(680px 680px at 88% 2%,color-mix(in srgb,var(--h-violet) 42%,transparent),transparent 60%),linear-gradient(160deg,var(--cx-nuit-haut) 0,var(--h-marine) 52%,var(--cx-nuit) 100%)}.cx-nappe,.cx-trame{position:absolute;inset:0}.cx-trame{background-image:linear-gradient(rgb(255 255 255/.04) 1px,transparent 0),linear-gradient(90deg,rgb(255 255 255/.04) 1px,transparent 0);background-size:72px 72px;mask-image:radial-gradient(700px 700px at 30% 50%,#000 20%,transparent 80%)}.cx-orbite-1,.cx-orbite-2{position:absolute;border-radius:50%}.cx-orbite-1{left:-200px;bottom:-260px;width:780px;height:780px;border:1.5px solid rgb(255 255 255/.1)}.cx-orbite-2{left:-80px;bottom:-150px;width:500px;height:500px;border:1px solid rgb(255 255 255/.07)}.cx-noeud{position:absolute;top:-10px;left:50%;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:linear-gradient(135deg,var(--h-magenta),var(--h-bleu));box-shadow:0 0 24px color-mix(in srgb,var(--h-magenta) 60%,transparent)}.cx-filigrane{position:absolute;right:-110px;top:96px;width:520px;height:auto;opacity:.16;filter:saturate(1.2)}.cx-acces{position:relative;display:flex;align-items:center;justify-content:center;padding:64px;background:var(--h-fond)}.cx-acces-trame{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--h-marine) 3.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--h-marine) 3.5%,transparent) 1px,transparent 1px);background-size:48px 48px}.cx-acces-lueur{position:absolute;inset:0;background:radial-gradient(600px 400px at 80% 8%,color-mix(in srgb,var(--h-magenta) 10%,transparent),transparent 65%),radial-gradient(560px 420px at 10% 100%,color-mix(in srgb,var(--h-bleu) 10%,transparent),transparent 65%)}.cx-panneau{position:relative;display:flex;width:100%;max-width:412px;flex-direction:column}.cx-lockup{display:block;width:268px;height:auto;margin:0 auto}.cx-titre{margin:40px 0 10px;color:var(--h-marine);font-size:30px;font-weight:600;letter-spacing:-.015em}.cx-sous-titre{margin:0;color:var(--h-texte-doux);font-size:15px;line-height:1.6}.cx-env{position:absolute;top:0;right:0;padding:3px 9px;border:1px solid color-mix(in srgb,var(--h-magenta) 40%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--h-magenta) 10%,transparent);color:var(--h-magenta);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.cx-cta{display:flex;height:56px;align-items:center;justify-content:center;margin-top:30px;border:0;border-radius:14px;background:linear-gradient(90deg,var(--h-magenta) 0,var(--h-violet) 45%,var(--h-bleu) 100%);box-shadow:0 16px 34px -16px color-mix(in srgb,var(--h-violet) 70%,transparent);color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;gap:14px;transition:transform .16s ease,box-shadow .16s ease}.cx-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 46px -16px color-mix(in srgb,var(--h-violet) 85%,transparent)}.cx-cta:active:not(:disabled){transform:translateY(0);box-shadow:0 10px 24px -16px color-mix(in srgb,var(--h-violet) 70%,transparent)}.cx-cta:focus-visible{outline:2px solid var(--h-violet);outline-offset:3px}.cx-cta:disabled{cursor:default;filter:grayscale(.3);opacity:.75}.cx-ms{display:grid;flex:none;gap:2px;grid-template-columns:9px 9px;grid-template-rows:9px 9px}.cx-ms>span:first-child{background:#fff}.cx-ms>span:nth-child(2),.cx-ms>span:nth-child(3){background:rgb(255 255 255/.78)}.cx-ms>span:nth-child(4){background:rgb(255 255 255/.56)}.cx-erreur{margin:12px 0 0;color:var(--h-retard);font-size:12.5px;line-height:1.5;text-align:center}.cx-pied{position:absolute;right:64px;bottom:28px;left:64px;display:flex;justify-content:space-between;color:var(--cx-pied);font-size:12px}@media (prefers-reduced-motion:no-preference){.cx-nappe{animation:cx-derive 26s ease-in-out infinite}.cx-orbite-1{animation:cx-tourne 140s linear infinite}}@keyframes cx-tourne{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cx-derive{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-2%,0) scale(1.05)}to{transform:translateZ(0) scale(1)}}@media (max-width:1024px){.cx{grid-template-columns:1fr}.cx-scene{min-height:300px}.cx-filigrane{right:-180px;top:40px;width:380px}.cx-acces{padding:48px 24px 72px}}@media (max-width:640px){.cx-scene{display:none}.cx-acces{padding:32px 20px 68px}.cx-pied{right:20px;left:20px;font-size:11px}.cx-lockup{width:224px}.cx-titre{margin-top:32px;font-size:26px}}.cx-raison{margin:14px 0 0;padding:10px 12px;border-left:3px solid var(--h-magenta);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--h-magenta) 6%,var(--h-blanc));color:var(--h-texte);font-size:13.5px;line-height:1.55}