.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: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__field input{font-family:var(--font-body);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-navy);border-radius:10px;padding:.85rem 1rem;font-size:1rem;transition:border-color .3s}.connexion__field input:focus{border-color:var(--color-pink)}.connexion__submit{background:var(--color-pink);width:auto;color:var(--color-white);font-size:1rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:transform .4s var(--ease-standard), box-shadow .4s var(--ease-standard);border:none;border-radius:50px;align-self:center;margin-top:1.5rem;padding:.75rem 2.5rem;box-shadow:0 4px 20px #f47a8a1a}.connexion__submit:hover{transform:scale(1.02);box-shadow:0 8px 30px #f47a8a1a}.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:2.5rem 1.75rem}}