.main{width:100vw;height:100vh;background:var(--light);display:flex;align-items:center;justify-content:center;overflow-y:auto}.form-content{padding:40px;width:100%;max-width:450px;margin:15px}.form-content .logo{display:block;width:100%;max-width:200px}.form-content .login-label{font-size:.95rem;color:var(--dark);text-align:center;display:block}.form-content .input-content{position:relative;z-index:2}.form-content input{padding:14px 18px;font-size:1rem;transition:.5s}.form-content input:focus,.form-content input:hover{outline:0;box-shadow:none;background-color:#fff;border-color:#999}.form-content input:focus{border-color:transparent}.form-content .border-effect{width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:-1px;left:-1px;border:1px solid var(--primary);transform:scale(1.04,1.4);-webkit-transform:scale(1.04,1.4);-moz-transform:scale(1.04,1.4);-ms-transform:scale(1.04,1.4);-o-transform:scale(1.04,1.4);z-index:-1;opacity:0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}.form-content input:focus+.border-effect{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.form-content button{padding:12px 20px}.form-content .btn-label{font-weight:600}.form-content button .loading{display:none;margin:0 auto!important}.user-info h2{font-size:1.2rem}.user-info a{font-size:.85rem;color:#333}.user-info img{border:4px solid var(--light);display:block;max-width:160px;object-fit:cover}.recovery-pass{display:block;font-size:.85rem;color:var(--primary-color)}@media only screen and (max-width:767px){.form-content{padding:25px!important}}.recovery-screen img{max-width:160px}.recovery-screen h1{font-size:1.4rem;font-weight:400}.recovery-screen h2{font-size:1rem;font-weight:400}.recovery-screen a{display:block;font-size:.85rem;color:var(--primary-color)}