.o4{--o4-nuit:#05070f;--o4-nuit-2:#0a1120;--o4-nuit-3:#101a33;--o4-bleu:#1e5bff;--o4-bleu-vif:#4d8cff;--o4-bleu-profond:#0b2e8a;--o4-cyan:#7fd4ff;--o4-glace:#d6ecff;--o4-violet:#7a3bff;--o4-magenta:#b24bff;--o4-rouge:#ff3b30;--o4-encre:#eaf2ff;--o4-encre-2:#d6ecffa8;--o4-verre:#78aaff12;--o4-bord:#7dafff38;--o4-bord-vif:#7dc8ff8c;--o4-lueur:0 0 40px #1e5bff73;--o4-degrade:linear-gradient(115deg, var(--o4-bleu) 0%, var(--o4-violet) 55%, var(--o4-magenta) 100%);--o4-degrade-froid:linear-gradient(115deg, var(--o4-cyan) 0%, var(--o4-bleu) 60%, var(--o4-violet) 100%);--o4-biseau:polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);background-color:var(--o4-nuit);color:var(--o4-encre)}.o4-verre{background:var(--o4-verre);border:1px solid var(--o4-bord);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.o4-bord-degrade{position:relative}.o4-bord-degrade:before{content:"";border-radius:inherit;background:var(--o4-degrade-froid);-webkit-mask-composite:xor;pointer-events:none;padding:1px;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}.o4-biseau{clip-path:var(--o4-biseau)}.o4-trait{color:#0000;-webkit-text-stroke:1px var(--o4-cyan);paint-order:stroke fill;text-shadow:0 0 18px #7fd4ff8c}.o4-degrade-texte{background:var(--o4-degrade-froid);color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes o4-derive{0%{transform:translate(-4%,-2%)scale(1.1)}50%{transform:translate(4%,3%)scale(1.22)}to{transform:translate(-4%,-2%)scale(1.1)}}@keyframes o4-trainee{0%{opacity:0;transform:translate(-120%)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(520%)}}@keyframes o4-grille{0%{background-position-y:0}to{background-position-y:64px}}@keyframes o4-balayage{0%{transform:translateY(-120%)}to{transform:translateY(420%)}}@keyframes o4-respire{0%,to{opacity:.55}50%{opacity:1}}@keyframes o4-tourne{to{transform:rotate(1turn)}}@keyframes o4-led{0%{transform-origin:0;transform:scaleX(0)}45%{transform-origin:0;transform:scaleX(1)}55%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}@media (prefers-reduced-motion:no-preference){.o4-anim-derive{animation:26s ease-in-out infinite o4-derive}.o4-anim-trainee{animation:o4-trainee var(--o4-duree,7s) linear infinite var(--o4-delai,0s)}.o4-anim-grille{animation:2.6s linear infinite o4-grille}.o4-anim-balayage{animation:4.5s ease-in-out infinite o4-balayage}.o4-anim-respire{animation:4s ease-in-out infinite o4-respire}.o4-anim-tourne{animation:14s linear infinite o4-tourne}.o4-anim-led{animation:3.6s ease-in-out infinite o4-led}}.o4 .o4-champ{color:#fff;border:1px solid var(--o4-bord-vif);height:2.75rem;clip-path:var(--o4-biseau);transition:border-color var(--ds-dur-fast,.16s);background:#ffffff0f;outline:none;padding:0 1rem;font-size:14px}.o4 .o4-champ::placeholder{color:#fff6}.o4 .o4-champ:hover,.o4 .o4-champ:focus{border-color:var(--o4-glace)}.o4 .o4-bouton{letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--o4-degrade);height:2.75rem;clip-path:var(--o4-biseau);flex:none;justify-content:center;align-items:center;gap:8px;padding:0 1.25rem;font-size:13px;font-weight:600;display:inline-flex}