body,html{height:100%;margin:0;padding:0}.login-page{height:100dvh;display:grid;align-items:center;justify-content:center;background-image:url(/images/login-background.webp);background-size:cover;background-repeat:no-repeat}.login-page .logo-mobile{display:none}.login-page .header{position:absolute;height:4rem;background-color:#fff;color:#fff;display:flex;align-items:center;justify-content:space-between;width:100%;align-self:flex-start;padding:0 3rem 0 1rem;box-shadow:0 0 2px 0 #3d403f;cursor:pointer}.login-page button{padding:.5rem 1.25rem;background-color:#2b8074;color:#fff;border-radius:1rem;box-shadow:inset 0 -2px 0 0 #3d403f;border:none;width:-moz-fit-content;width:fit-content;font-size:1.2rem;font-family:Inter,serif;font-weight:600;white-space:nowrap;cursor:pointer}.login-page button:hover{background-color:#3d403f}.login-page .login-container.register-mode{background:linear-gradient(90deg,#FFEBEB 0,#cadfdc 35%,#cadfdc)}.login-page .login-container{width:62.5vw;display:flex;flex-direction:row;gap:6rem;padding:2rem 3rem;height:-moz-fit-content;height:fit-content;border-radius:16px;background:linear-gradient(270deg,#FFEBEB 0,#cadfdc 35%,#cadfdc);box-shadow:0 0 5px 0 #3d403f}.login-page .login-container .input-container-checkbox{display:flex;align-items:center;gap:.5rem}.login-page .login-container .form-container{display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:1.25rem}.login-page .login-container .form-container .form-login-top-container{display:flex;gap:1rem;flex-direction:column}.login-page .login-container .form-container .others-connexions-container{display:flex;flex-direction:row;gap:.5rem;align-items:center;flex-wrap:wrap}.login-page .login-container .form-container .others-connexions-container a{text-decoration:none;color:#2b8074}.login-page .login-container .form-container .others-connexions-container a:hover{color:#3d403f}.login-page .login-container .form-container .others-connexions-container a img{width:5rem;height:3rem}.login-page .login-container .form-container .error{color:red;font-size:clamp(.8rem,.5vw,1.2rem);margin-bottom:.5rem}.login-page .login-container .login-left-container{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center}.login-page .login-container .login-left-container h1{font-size:2rem;color:#3d403f}.login-page .login-container .login-left-container img{width:20vw}.login-page .login-container .login-left-container label{color:#3d403f;font-size:1rem;font-weight:600}.login-page .login-container .login-left-container .create-account-container{display:flex;flex-direction:column;gap:1rem;align-items:center}.login-page .login-container a{text-decoration:none;color:#2b8074}.login-page .login-container a:hover{color:#3d403f}.login-page .login-container h2{font-size:1.5rem;color:#3d403f}.login-page .login-container p{color:#3d403f;font-size:1.2rem}.login-page .login-container p a{text-decoration:none;color:#2b8074}.login-page .login-container p a:hover{color:#3d403f}.login-page .login-container form{display:flex;flex-direction:column;align-items:left;gap:1rem;width:100%}.login-page .login-container form .input-container,.login-page .login-container form .input-container-password{display:flex;flex-direction:column;gap:.5rem;width:100%}.login-page .login-container form .input-container .name-container,.login-page .login-container form .input-container-password .name-container{display:flex;flex-direction:row;width:100%;gap:1rem}.login-page .login-container form input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border:1px solid #3d403f;border-radius:.25rem;background-color:#eefff8;position:relative;cursor:pointer}.login-page .login-container form input[type=checkbox]:hover{border-color:#2b8074}.login-page .login-container form input[type=checkbox]:focus{border-color:#3d403f}.login-page .login-container form input[type=checkbox]:checked{background-color:#2b8074;border-color:#3d403f}.login-page .login-container form input[type=checkbox]:checked:after{content:"";position:absolute;top:.2rem;left:.35rem;width:.2rem;height:.4rem;border:solid #fff;border-width:0 .2rem .2rem 0;transform:rotate(45deg)}.login-page .login-container form .input-container-password ul{display:flex;justify-content:space-between;font-size:.6rem;list-style:none}.login-page .login-container form .input-container-password ul li{padding:0 .15rem}.login-page .login-container form .connexion-container{display:flex;flex-direction:row;align-items:center;gap:1rem;width:100%;justify-content:space-between;flex-wrap:wrap}.login-page .login-container form .connexion-container p{font-size:1.2rem}.login-page .login-container form input{font-family:Inter;border:1px solid rgba(61,64,63,.3);box-shadow:0 0 5px 0 rgba(0,0,0,.15);border-radius:.5rem;font-size:1rem;box-sizing:border-box;width:100%;padding:.5rem;height:2.5rem;outline:none;background-color:#eefff8;transition:border-color .3s ease;font-family:Inter,serif;color:#3d403f}.login-page .login-container form input::-moz-placeholder{font-size:1rem;opacity:1;font-weight:300}.login-page .login-container form input::placeholder{font-size:1rem;opacity:1;font-weight:300}.login-page .login-container form input:focus{border-color:#2b8074}.login-page .login-container form input.disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.login-page .login-container form input::-moz-placeholder{color:#888f8c}.login-page .login-container form input::placeholder{color:#888f8c}.login-page .login-container form label{align-self:flex-start;color:#3d403f;font-size:1.2rem;font-weight:600}.popup{position:fixed;top:20px;left:50%;transform:translateX(-50%);background-color:#2b8074;color:#fff;padding:1rem 1.5rem;border-radius:10px;font-weight:700;box-shadow:0 4px 10px rgba(0,0,0,.2);animation:fadeInOut 2s ease-in-out;z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}10%{opacity:1;transform:translateX(-50%) translateY(0)}90%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}@media(max-width:800px){.login-page .logo-mobile{display:flex!important}.login-page .login-container{width:100vw;flex-direction:column-reverse!important;gap:1rem!important;height:100%!important}.login-page .login-container .form-container{justify-content:center!important}.login-page .login-container form{width:100%;gap:.4rem}.login-page .login-container form .connexion-container{margin-top:.4rem;justify-content:left!important}.login-page .login-left-container{justify-content:left!important}.login-page .login-left-container img{display:none!important}}@media(max-width:1080px){.login-page .login-container.register-mode{background:#cadfdc}.login-page .login-container{width:100vw;background:#cadfdc;justify-content:center!important;align-items:center!important}.login-page .login-container .form-container{padding:1rem!important;max-height:40rem!important;width:100%!important}}@media(max-width:430px)and (orientation:portrait){.login-container{padding:0!important}.form-container{padding:1rem!important;height:100dvh!important;justify-content:center!important}.connexion-container{justify-content:left!important}}