.login-page{align-items:center;background:none;display:flex;height:100vh;justify-content:flex-end;position:relative}.login-page:before{background:url(/build/images/moulin-de-la-forge.578956bc.webp) no-repeat 50%;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.login-page .login-container{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(5px);background:hsla(0,0%,100%,.7);color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;width:100%}.login-page .login-container .card{background:transparent;border:none;box-shadow:none;color:#000;max-width:400px;width:100%}.login-page .login-container .card .form-control{background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.2);color:#000}.login-page .login-container .card .form-control:focus,.login-page .login-container .card .form-control:not(:empty){background:rgba(0,0,0,.15);border-color:rgba(0,0,0,.3);box-shadow:none;color:#000}.login-page .login-container .card .form-control::placeholder{color:rgba(0,0,0,.8)}.login-page .login-container .card .input-group-text{background:rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.3);color:#000}.login-page .login-container .card .btn[type=submit]{transition:transform .2s}.login-page .login-container .card .btn[type=submit]:hover{transform:scale(1.05)}.login-page .login-container .card .btn[type=submit]:active{transform:scale(.95)}.login-page .login-container .card a{color:rgba(0,0,0,.8);text-decoration:none}.login-page .login-container .card a:hover{color:#000;text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}