html:has(.mire){background:var(--nuit)}.mire{--mire-ease:cubic-bezier(0.22,0.61,0.36,1);position:relative;isolation:isolate;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;color:var(--blanc);background:linear-gradient(165deg,var(--nuit) 0,var(--nuit) 40%,rgba(2,33,121,.55) 100%),var(--nuit)}.mire:before{inset:-20%;z-index:-2;background:radial-gradient(42% 38% at 22% 18%,rgba(224,31,148,.42),transparent 70%),radial-gradient(38% 34% at 72% 26%,rgba(164,37,147,.32),transparent 72%),radial-gradient(50% 46% at 80% 84%,rgba(44,55,146,.55),transparent 70%),radial-gradient(40% 36% at 14% 88%,rgba(2,33,121,.6),transparent 70%);filter:blur(8px);animation:mire-aurora 26s var(--mire-ease) infinite alternate}.mire:after,.mire:before{content:"";position:absolute}.mire:after{inset:auto 0 0;height:30%;z-index:-1;background:linear-gradient(0deg,rgba(5,6,22,.7),transparent);pointer-events:none}.mire__fond{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.mire__lien{stroke:rgba(255,255,255,.22);stroke-width:1}.mire__sphere{filter:drop-shadow(0 0 10px rgba(224,31,148,.35))}.mire__etoile{fill:var(--blanc);opacity:.35;animation:mire-scintille 9s ease-in-out infinite}.mire__amas{transform-box:fill-box;transform-origin:center}.mire__amas--1{animation:mire-derive-a 34s var(--mire-ease) infinite alternate}.mire__amas--2{animation:mire-derive-b 41s var(--mire-ease) infinite alternate}.mire__amas--3{animation:mire-derive-a 47s var(--mire-ease) infinite alternate-reverse}.mire__amas--4{animation:mire-derive-b 38s var(--mire-ease) infinite alternate-reverse}.mire__scene{flex:1 1;display:grid;place-items:center;padding:48px 16px 24px}.mire__carte{position:relative;width:min(440px,100%);padding:40px 36px 30px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px -40px rgba(0,0,0,.75),0 0 0 1px rgba(5,6,22,.3),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);animation:mire-apparait .7s var(--mire-ease) both}.mire__carte:before{content:"";position:absolute;top:-1px;left:28px;right:28px;height:2px;border-radius:2px;background:var(--degrade)}.mire__surtitre{margin:0 0 28px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62)}.mire__titre{display:flex;flex-direction:column;gap:10px;margin:0;color:var(--blanc)}.mire__sigle{font-size:clamp(64px,16vw,92px);font-weight:700;letter-spacing:-.05em;line-height:.85}.mire__nom{font-size:22px;font-weight:600;letter-spacing:-.01em}.mire__titre--simple{font-size:clamp(28px,6vw,34px);font-weight:700;letter-spacing:-.02em}.mire__trait{width:56px;height:3px;margin:22px 0 18px;border-radius:3px;background:var(--degrade)}.mire__texte{margin:0 0 28px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.78)}.mire__texte+.mire__texte{margin-top:-16px}.mire__bouton{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;padding:0 20px;border:0;border-radius:12px;background:var(--blanc);color:var(--marine);font-family:var(--corps);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:0 10px 28px -14px rgba(224,31,148,.6),inset 0 -1px 0 rgba(2,33,121,.12);transition:transform .16s var(--mire-ease),box-shadow .32s var(--mire-ease),background-color .16s var(--mire-ease)}.mire__bouton:hover:not(:disabled){color:var(--marine);transform:translateY(-2px);box-shadow:0 18px 40px -14px rgba(224,31,148,.75),inset 0 -1px 0 rgba(2,33,121,.12)}.mire__bouton:active:not(:disabled){transform:translateY(0) scale(.985);background:#eef0fa;box-shadow:0 6px 16px -10px rgba(224,31,148,.6)}.mire__bouton:focus-visible{border-radius:12px;box-shadow:0 0 0 2px var(--nuit),0 0 0 5px var(--rose)}.mire__bouton:disabled{cursor:progress;opacity:.82}.mire__bouton--secondaire{background:transparent;color:var(--blanc);border:1px solid rgba(255,255,255,.32);box-shadow:none}.mire__bouton--secondaire:hover:not(:disabled){color:var(--blanc);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.55);box-shadow:none}.mire__bouton--secondaire:active:not(:disabled){background:rgba(255,255,255,.12);box-shadow:none}.mire__microsoft,.mire__roue{flex:none;width:18px;height:18px}.mire__roue{border-radius:50%;border:2px solid rgba(2,33,121,.2);border-top:2px solid var(--rose);animation:mire-tourne .8s linear infinite}.mire__erreur{margin:14px 0 0;padding:10px 12px;border-radius:10px;border:1px solid rgba(224,31,148,.45);background:rgba(224,31,148,.14);font-size:14px;color:var(--blanc)}.mire__pied{display:flex;align-items:center;gap:8px;margin:22px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:rgba(255,255,255,.55)}.mire__pied svg{flex:none;width:14px;height:14px}.mire__signature{margin:0;padding:0 16px 22px;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.38)}@media (max-width:480px){.mire__carte{padding:32px 22px 24px;border-radius:18px}}@keyframes mire-apparait{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes mire-aurora{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}@keyframes mire-derive-a{0%{transform:translate(0) rotate(0deg)}to{transform:translate(38px,22px) rotate(7deg)}}@keyframes mire-derive-b{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-30px,26px) rotate(-6deg)}}@keyframes mire-scintille{0%,to{opacity:.2}50%{opacity:.7}}@keyframes mire-tourne{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.mire:before,.mire__amas,.mire__carte,.mire__etoile{animation:none}.mire__bouton{transition:none}.mire__roue{animation-duration:2.4s}}