.connexion-overlay{backdrop-filter:blur(4px);z-index:1000;padding:1.5rem 1.5rem calc(1.5rem + var(--modale-remontee));background:#1a1a3799;justify-content:center;align-items:center;animation:.3s forwards connexion-overlay-in;display:flex;position:fixed;inset:0}.connexion-overlay--closing{pointer-events:none;animation:.3s forwards connexion-overlay-out}@keyframes connexion-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes connexion-overlay-out{0%{opacity:1}to{opacity:0}}.connexion__card{background:var(--color-white);width:100%;max-width:680px;animation:connexion-card-in .35s var(--ease-out-expo) forwards;border-radius:20px;padding:2rem 3rem 3rem;position:relative;box-shadow:0 10px 40px #00000040}@keyframes connexion-card-in{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.connexion__card--closing{animation:connexion-card-out .3s var(--ease-standard) forwards}@keyframes connexion-card-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(20px)}}.connexion__header{opacity:0;animation:connexion-fade-up .5s var(--ease-out-expo) .15s forwards;justify-content:space-between;align-items:center;gap:1rem;display:flex}.connexion__close{flex-shrink:0}.connexion__title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;font-family:var(--font-display);color:var(--color-pink);letter-spacing:-.02em}.connexion__subtitle{font-size:.9rem;line-height:1.5;font-family:var(--font-body);color:var(--color-navy);opacity:0;animation:connexion-subtitle-fade-up .5s var(--ease-out-expo) .25s forwards;margin-bottom:2rem}.connexion__form{opacity:0;animation:connexion-fade-up .5s var(--ease-out-expo) .35s forwards;flex-direction:column;gap:1.25rem;display:flex}.connexion__error{font-family:var(--font-body);color:#d63b52;margin-top:-.5rem;font-size:.9rem;font-weight:600}@keyframes connexion-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes connexion-subtitle-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:.75;transform:translateY(0)}}.connexion__card--echange .connexion__title{animation:connexion-fade-up .4s var(--ease-out-expo) backwards}.connexion__vue--sortie,.connexion__card--echange .connexion__title.connexion__title--sortie{pointer-events:none;animation:.16s ease-in forwards connexion-sortie}.connexion__card--echange .connexion__subtitle{animation-duration:.4s;animation-delay:40ms}.connexion__card--echange .connexion__form{animation-duration:.4s;animation-delay:.1s}@keyframes connexion-sortie{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.connexion__field{font-family:var(--font-body);color:var(--color-navy);flex-direction:column;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.connexion__saisie{display:block;position:relative}.connexion__field input{width:100%;font-family:var(--font-body);color:var(--color-navy);background:0 0;border:none;outline:none;padding:.35rem 0 .35rem 1rem;font-size:.9rem;font-weight:400;display:block}.connexion__field input:-webkit-autofill{-webkit-text-fill-color:var(--color-navy);transition:background-color 5000s 86400s}.connexion__field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-navy);transition:background-color 5000s 86400s}.connexion__field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-navy);transition:background-color 5000s 86400s}.connexion__trait{--underline-color:var(--color-pink);pointer-events:none;background-image:linear-gradient(to right, var(--underline-color) 50%, var(--color-border) 50%);width:calc(100% - 1rem);height:1px;transition:background-position .3s var(--ease-standard);background-position:100% 0;background-size:200% 100%;position:absolute;bottom:0;left:1rem}.connexion__field input:hover~.connexion__trait,.connexion__field input:focus~.connexion__trait{background-position:0 0}.connexion__field input.connexion__input--avec-oeil{padding-right:2.25rem}.connexion__oeil{width:2rem;height:2rem;color:color-mix(in srgb, var(--color-navy) 55%, var(--color-white));cursor:pointer;transition:color .2s var(--ease-standard);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;bottom:1px;right:0}.connexion__oeil:hover,.connexion__oeil[aria-pressed=true]{color:var(--color-pink)}.connexion__field--error .connexion__trait{--underline-color:#d63b52;background-image:linear-gradient(90deg,#d63b52 50% 50%)}.connexion__field--error>span:first-child{color:#d63b52}.connexion__field-error{font-family:var(--font-body);color:#d63b52;animation:connexion-erreur-in .25s var(--ease-out-expo);margin-top:.4rem;margin-left:1rem;font-size:.75rem;font-weight:500;line-height:1.3}@keyframes connexion-erreur-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.connexion__submit{width:auto;color:var(--color-pink);font-size:.85rem;font-weight:600;font-family:var(--font-body);border:1px solid var(--color-pink);cursor:pointer;transition:transform .4s var(--ease-standard);background:0 0;border-radius:50px;align-self:center;margin-top:1.5rem;padding:.5rem 1.35rem}.connexion__submit:hover{transform:translateY(-2px)}.connexion__submit:active{transform:translateY(-2px)scale(.95)}.connexion__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:480px){.connexion__card{padding:1.75rem 1.75rem 2.5rem}}.connexion__oubli{font-family:var(--font-body);color:var(--color-navy);cursor:pointer;opacity:.9;background:0 0;border:none;align-self:flex-end;margin-top:-.5rem;padding:0;font-size:.8rem;font-weight:500;text-decoration:none;transition:opacity .25s ease-in-out;position:relative}.connexion__oubli:after{content:"";background:var(--color-pink);transform-origin:0;opacity:.5;width:100%;height:2px;transition:transform .3s ease-in-out,opacity .3s ease-in-out;position:absolute;bottom:-3px;left:0;transform:scaleX(.3)}.connexion__oubli:hover{opacity:1}.connexion__oubli:hover:after{opacity:1;transform:scaleX(1)}.connexion__oubli--retour{align-self:center;margin-top:0}.connexion__confirmation,.connexion__note{font-family:var(--font-body);color:var(--color-navy);font-size:.9rem;line-height:1.5}.connexion__confirmation strong{overflow-wrap:anywhere;font-weight:600}.connexion__note{color:color-mix(in srgb, var(--color-navy) 65%, var(--color-white));font-size:.85rem}