:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fond:#080b0e;--texte:#edf0ed;--secondaire:#a6b1b7;--vert:#00f9ad;--contour:#35413b;--champ:#10151b}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--fond);color:var(--texte);min-height:100svh;margin:0;font:14px/1.6 Instrument Sans,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--vert);outline-offset:4px}main{grid-template-columns:1fr 1px 1fr;align-items:center;min-height:100svh;padding:90px 0;display:grid}.identite{justify-content:center;align-items:center;min-width:0;padding:48px clamp(30px,5vw,96px);display:flex}.bloc-logo{width:min(100%,500px)}.identite img{width:100%;height:auto;display:block}.version{text-align:right;color:var(--secondaire);letter-spacing:.5px;margin:12px 0 0;padding-right:8.115%;font-size:12px;line-height:1.5}.separation{background:var(--vert);width:1px;height:clamp(350px,54vh,560px)}.connexion{justify-self:center;width:100%;max-width:520px;padding:40px 58px}.champ{margin-bottom:23px}label{margin-bottom:9px;font-size:12px;font-weight:500;display:block}input{border:1px solid var(--contour);background:var(--champ);width:100%;height:49px;color:var(--texte);border-radius:4px;outline:none;padding:0 14px;transition:border-color .16s,box-shadow .16s}input::placeholder{color:#7d898f;opacity:1}input:focus,input:focus-visible{border-color:var(--vert);box-shadow:none;outline:none}.mot-de-passe{position:relative}.mot-de-passe input{padding-right:50px}.afficher{width:39px;height:39px;color:var(--secondaire);background:0 0;border:0;border-radius:3px;place-items:center;display:grid;position:absolute;top:5px;right:6px}.afficher:hover{color:var(--vert);background:#18221d}svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.recuperation{width:max-content;color:var(--secondaire);text-underline-offset:4px;background:0 0;border:0;margin:13px 0 29px auto;padding:0;font-size:12px;text-decoration:none;display:block}.recuperation:hover{color:var(--vert);text-decoration:underline}.entrer{border:1px solid var(--vert);background:var(--vert);color:#07150f;border-radius:4px;justify-content:center;align-items:center;gap:13px;width:100%;height:49px;font-size:13px;font-weight:600;transition:background .16s,translate .16s;display:flex}.entrer:hover{background:#2affbd;translate:0 -1px}.entrer:active{translate:0 1px}.entrer svg{width:17px;height:17px}@media (width>=1800px){.bloc-logo{width:560px}.connexion{max-width:570px;padding:40px 65px}}@media (width<=900px){.connexion,.identite{padding:35px}}@media (width<=640px){main{grid-template-columns:1fr;gap:30px;min-height:100svh;padding:88px 26px 90px}.identite{padding:12px 12px 8px}.bloc-logo{width:min(100%,300px)}.separation{justify-self:center;width:min(100%,370px);height:1px}.connexion{max-width:370px;padding:6px 0 12px}}@media (height<=650px) and (width>=641px){main{padding:65px 0 75px}.connexion{padding-top:10px;padding-bottom:10px}.separation{height:350px}.champ{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.entrer:hover,.entrer:active{translate:none}}.erreur-champ{color:#ffb6ab;margin:9px 0 0;font-size:12px;line-height:1.7}input[aria-invalid=true]{border-color:#ffb6ab}.statut-connexion{color:var(--vert);margin:0 0 22px;font-size:12px;line-height:1.7}