.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 2 * var(--navbar-height))}.form-box{width:300px;background:transparent;border:1px solid var(--python-yellow);-webkit-backdrop-filter:blur(85px);backdrop-filter:blur(85px);border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;display:flex;overflow:auto;transition:height .2s ease}.empty{margin-left:.7rem;margin-top:.2rem;font-size:var(--small-font-size);color:var(--python-yellow);font-weight:500;font-style:italic}.form-box form{width:100%;padding:15px}form nav{font-size:var(--h1-font-size);text-align:center}form .input-box{position:relative;width:100%;height:50px;margin:25px 0 0}.input-box input{width:100%;height:100%;background:transparent;border:none;outline:none;font-size:var(--small-font-size);color:#fff;padding:5px 20px}.input_error input{border:1px solid red;border-radius:40px}.input_ok{border:1px solid var(--first-color-second);border-radius:40px}.input-box input::placeholder{color:#fff;font-weight:700}.input-box .icon,.input-box .icon2{position:absolute;right:20px;top:50%;translate:0 -50%;font-size:16px}.input-box .icon2{display:flex}.input-box .icon2:hover{cursor:pointer}form .remember-forgot{display:flex;justify-content:space-between;font-size:14.5px;margin:10px 0 30px}.remember-forgot label input{accent-color:#fff;margin-right:4px}.remember-forgot a{color:#fff;text-decoration:none}.remember-forgot a:hover{text-decoration:underline}form button{width:100%;height:45px;background:#fff;border:none;outline:none;border-radius:40px;box-shadow:0 0 10px rgba(0,0,0,.1);cursor:pointer;font-size:16px;color:#333;font-weight:700}form .register-link{font-size:14.5px;text-align:center;margin:20px 0 15px}.register-link p a{color:#fff;text-decoration:none;font-weight:500;margin-left:.4rem}.register-link p a:hover{text-decoration:underline}.erreur{display:flex;justify-content:center;color:var(--python-yellow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade_in{animation:fadeIn .6s ease-in}@media screen and (min-width:968px){.form-box{width:350px}.form-box form{padding:30px}}@media screen and (min-width:1424px){.form-box{width:380px}.form-box form{padding:40px}}