.container-fluid{padding:0;margin:0}#particles-login{width:100%;height:100%;position:absolute;left:0}.login-container{width:100%;height:100vh;padding:0 !important;margin:0 !important;overflow:hidden}.login-container .info-container{position:relative;background:#272f3c;display:flex;justify-content:center;align-items:center;user-select:none;touch-action:none}.login-container .info-container .background-overlay{position:absolute;z-index:0;opacity:.1;background-image:var(--b);background-position:center;background-size:cover;width:100%;height:100%}.login-container .info-container .background-overlay:before{content:'';position:absolute;top:0}.login-container .info-container .info-body{width:80%;color:white;position:absolute;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;padding:10% 0 5% 0}.login-container .info-container .info-body .info-title{font-size:calc(.5em + 3.5vw);color:white;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-weight:350}.login-container .info-container .info-body .info-title span{margin:-25px 0 0 0}.login-container .info-container .info-body .info-title span::first-letter{color:#cc2323;font-weight:500}.login-container .info-container .info-body .info-divider{width:30%;height:1px;background:white;margin-bottom:25px}.login-container .info-container .info-body .info-description{font-size:calc(.5em + 1vw)}.login-container .form-container{display:flex;justify-content:center;align-items:center;position:relative}.login-container .form-container h2{font-size:calc(1em + 1.5vw)}.login-container .form-container .login-form{width:50%;padding:2rem;backdrop-filter:blur(2px);transition:.3s ease-in-out all}.login-container .form-container .login-form input{height:50px;font-size:1.2em;outline:none !important;border:1px solid rgba(53,64,82,0.7);border-radius:5px;padding:5px 25px 5px 20px;transition:.2s ease all}.login-container .form-container .login-form input:focus,.login-container .form-container .login-form input:hover,.login-container .form-container .login-form input:active{outline:none !important;box-shadow:none !important;border-width:2.5px}.login-container .form-container .login-form .form-group-apend{position:relative}.login-container .form-container .login-form .form-group-apend .append-icon{position:absolute;top:12px;right:10px;border:none;background:none;cursor:pointer;color:#272f3c;outline:none !important}.login-container .form-container .login-form button[type="submit"]{font-size:1.3em;font-weight:350}.login-container .form-container .login-form .form-divider{width:200px;height:0.5px;background:#2f3949;margin:30px auto;border-radius:40px}.login-container .form-container #flash{position:absolute;top:0;width:100%}.login-container .form-container #flash .alert{border:none !important;border-radius:0 !important}.copyright{position:absolute;width:100%;bottom:0;display:flex;align-items:center;justify-content:center;padding:15px;color:#2f3949;gap:5px;transition:.3s ease-in-out all}@media screen and (max-width: 1000px){.login-form{width:85% !important}.login-form .form-divider{width:25vw !important}}@media screen and (max-width: 870px){.copyright{flex-direction:column-reverse;font-size:.65rem}.copyright .copyright-divider{display:none}}@media screen and (max-width: 767px){.info-container{display:none !important}}@media screen and (max-width: 400px){.login-form{width:100% !important}}