.cnx-scene{isolation:isolate;color:#f4f1ec;background:radial-gradient(80% 60% at 70% 10%,#9b6bf038,#0000 60%),radial-gradient(60% 50% at 15% 30%,#4c86f02e,#0000 60%),radial-gradient(120% 70% at 50% 115%,#e8772259,#0000 60%),#05060d;flex:1;justify-content:center;align-items:center;min-height:100dvh;padding:3rem 1rem 9rem;display:flex;position:relative;overflow:hidden}.cnx-etoiles{z-index:-3;pointer-events:none;transition:transform 1.2s cubic-bezier(.7,0,.84,0),filter 1.2s ease-in;position:absolute;inset:-50%}.cnx-etoiles>span{background:0 0;border-radius:50%;position:absolute;top:50%;left:50%}.cnx-couche1{width:1px;height:1px;animation:240s linear infinite cnx-derive}.cnx-couche2{width:2px;height:2px;animation:160s linear infinite cnx-derive,4s ease-in-out infinite alternate cnx-scintille}.cnx-couche3{width:3px;height:3px;animation:100s linear infinite cnx-derive,2.6s ease-in-out infinite alternate cnx-scintille}@keyframes cnx-derive{to{transform:translate(-400px,120px)}}@keyframes cnx-scintille{0%{opacity:1}to{opacity:.45}}.cnx-filante{z-index:-2;opacity:0;pointer-events:none;background:linear-gradient(90deg,#ffffffe6,#0000);border-radius:2px;width:140px;height:2px;animation:9s ease-in infinite cnx-file;position:absolute;transform:rotate(-25deg)}.cnx-filante:first-of-type{animation-delay:1.5s;top:12%;left:70%}.cnx-filante:nth-of-type(2){animation-duration:11s;animation-delay:5s;top:30%;left:95%}.cnx-filante:nth-of-type(3){animation-duration:13s;animation-delay:8s;top:5%;left:40%}@keyframes cnx-file{0%{opacity:0;transform:rotate(-25deg)translate(0)}2%{opacity:1}9%{opacity:0;transform:rotate(-25deg)translate(-520px)}to{opacity:0;transform:rotate(-25deg)translate(-520px)}}.cnx-planete{z-index:-1;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle at 50% 0,#3a1d0b 0%,#1a0e07 18%,#07060a 40%);border-radius:50%;width:max(220vw,1400px);position:absolute;top:calc(100% - 9rem);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 1px #ffbe828c,0 -6px 30px #e87722bf,0 -30px 120px #e8772273,inset 0 18px 50px #e8772273}.cnx-vignes{transform-origin:top;background:repeating-linear-gradient(90deg,#9b6bf061 0 3px,#0000 3px 46px);height:9rem;animation:6s linear infinite cnx-avance;position:absolute;top:0;left:25%;right:25%;transform:perspective(160px)rotateX(55deg);-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}@keyframes cnx-avance{to{background-position:46px 0}}.cnx-hublot{place-items:center;width:9rem;height:9rem;margin:-5.5rem auto .75rem;display:grid;position:relative}.cnx-halo{filter:blur(6px);background:radial-gradient(circle,#e877228c,#e8772200 70%);border-radius:50%;animation:4s ease-in-out infinite cnx-respire;position:absolute;inset:.75rem}.cnx-orbite{border:1px dashed #ffffff40;border-radius:50%;animation:14s linear infinite cnx-tourne;position:absolute;inset:0}.cnx-orbite:after{content:"";background:#e87722;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:calc(50% - 4px);box-shadow:0 0 12px 3px #e87722d9}.cnx-orbite2{border-style:solid;border-color:#9b6bf038;animation-duration:22s;animation-direction:reverse;inset:-.85rem}.cnx-orbite2:after{background:#9b6bf0;width:6px;height:6px;top:auto;bottom:-3px;box-shadow:0 0 10px 2px #9b6bf0d9}.cnx-astronaute{filter:drop-shadow(0 10px 22px #0000008c)drop-shadow(0 0 18px #e8772273);border-radius:1.25rem;animation:6s ease-in-out infinite cnx-flotte;position:relative}@keyframes cnx-tourne{to{transform:rotate(360deg)}}@keyframes cnx-respire{50%{opacity:.75;transform:scale(1.12)}}@keyframes cnx-flotte{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-10px)rotate(4deg)}}.cnx-carte{-webkit-backdrop-filter:blur(18px)saturate(140%);text-align:center;background:#0e101c9e;border-radius:1.5rem;width:100%;max-width:26rem;padding:0 1.75rem 2rem;animation:.9s cubic-bezier(.2,.8,.2,1) both cnx-arrive;position:relative;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff14}.cnx-carte:before{content:"";border-radius:inherit;background:conic-gradient(from var(--angle,0deg), #e87722e6, #9b6bf080, #4c86f066, #ffffff14 60%, #e87722e6);pointer-events:none;padding:1px;animation:8s linear infinite cnx-lisere;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes cnx-lisere{to{--angle:360deg}}@keyframes cnx-arrive{0%{opacity:0;transform:translateY(24px)scale(.97)}}.cnx-titre{letter-spacing:-.03em;background:linear-gradient(100deg,#fff 20%,#ffc48f 40%,#e87722 50%,#ffc48f 60%,#fff 80%) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:700;line-height:1.1;animation:7s ease-in-out infinite cnx-reflet}@keyframes cnx-reflet{0%,to{background-position:100% 0}50%{background-position:0 0}}.cnx-accroche{color:#d9d4ea;margin-top:.5rem;font-size:1rem}.cnx-compte{color:#a9a5bd;margin-top:.25rem;font-size:.8125rem}.cnx-mission{letter-spacing:.18em;text-transform:uppercase;color:#ffc48f;background:#e877221f;border:1px solid #e8772273;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:600;display:inline-flex}.cnx-voyant{background:#3fbe6a;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite cnx-respire;box-shadow:0 0 8px #3fbe6a}.cnx-bouton{color:#1e2536;background:linear-gradient(135deg,#f28c3f,#e87722 45%,#c7621b);border-radius:.875rem;justify-content:center;align-items:center;gap:.75rem;width:100%;min-height:3.25rem;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #e8772273,inset 0 1px #ffffff59}.cnx-bouton:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff8c 50%,#0000 70%);animation:3.5s ease-in-out 1s infinite cnx-eclat;position:absolute;inset:0;transform:translate(-120%)}.cnx-bouton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 44px #e87722a6,inset 0 1px #ffffff59}.cnx-bouton:focus-visible{outline-offset:3px;outline:3px solid #fff}.cnx-bouton:disabled{cursor:progress}.cnx-g{background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:1.75rem;height:1.75rem;display:grid}@keyframes cnx-eclat{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}.cnx-erreur{color:#ffd1cc;text-align:left;background:#f9706624;border:1px solid #f9706680;border-radius:.75rem;margin-bottom:1rem;padding:.625rem .75rem;font-size:.875rem}.cnx-scene[data-decollage] .cnx-etoiles{filter:blur(1px)brightness(1.6);transform:scale(4)}.cnx-scene[data-decollage] .cnx-astronaute{animation:1.4s cubic-bezier(.6,0,.9,.4) forwards cnx-decolle}.cnx-scene[data-decollage] .cnx-planete{transition:transform 1.4s ease-in;transform:translate(-50%)translateY(30%)}.cnx-scene:after{content:"";z-index:-1;opacity:0;pointer-events:none;background:repeating-conic-gradient(#ffffff8c 0deg .4deg,#0000 .4deg 6deg),repeating-conic-gradient(from 3deg,#ffc48f73 0deg .3deg,#0000 .3deg 9deg);position:absolute;inset:-20%;transform:scale(.4);-webkit-mask-image:radial-gradient(circle,#0000 12%,#000 55%);mask-image:radial-gradient(circle,#0000 12%,#000 55%)}.cnx-scene[data-decollage]:after{animation:1.6s cubic-bezier(.5,0,.9,.5) forwards cnx-hyper}@keyframes cnx-hyper{30%{opacity:1}to{opacity:.9;transform:scale(2.2)rotate(8deg)}}@keyframes cnx-decolle{to{transform:translateY(-120vh)rotate(-20deg)scale(.6)}}@media (prefers-reduced-motion:reduce){.cnx-scene *,.cnx-scene :before,.cnx-scene :after,.cnx-scene:after{transition:none!important;animation:none!important}.cnx-filante{display:none}}