.connexion-overlay{backdrop-filter:blur(4px);z-index:1000;background:#1a1a3799;justify-content:center;align-items:center;padding:1.5rem;animation:.3s forwards connexion-overlay-in;display:flex;position:fixed;inset:0}@keyframes connexion-overlay-in{0%{opacity:0}to{opacity:1}}.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__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:1rem;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__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--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:1rem;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:.75rem 2.5rem}.connexion__submit:hover{transform:scale(1.02)}.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}}