:root{--text-color:46,52,56;--base-1:24,66,97;--base-2:71,191,102;--base-3:255,183,0;--base-4:8,21,30;--base-light:244,248,252;--base-red:178,34,34;--wrong:228,12,1}.login-form{background:#46be66;background:linear-gradient(135deg,#46be66,#184362);background:-moz-linear-gradient(135deg,#46be66 0,#184362 100%);background:-webkit-linear-gradient(135deg,#46be66,#184362);color:rgb(var(--base-1));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#47BF66",endColorstr="#184261",GradientType=1);min-height:100vh}.login-form,.login-form .login-wrap{align-items:center;display:flex;justify-content:center}.login-form .login-wrap{backdrop-filter:blur(15.5px);-webkit-backdrop-filter:blur(15.5px);background:#fff;border:1px solid hsla(0,0%,100%,.18);border-radius:10px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);flex-direction:column;padding:3rem 0}.login-form .login-wrap img{height:auto;margin-bottom:2rem;max-width:150px}.login-form .login-wrap form{width:100%}.login-form .login-wrap form,.login-form .login-wrap form .form-group{align-items:center;display:flex;flex-direction:column;justify-content:center}.login-form .login-wrap form .form-group{position:relative;width:76%}.login-form .login-wrap form .form-group input{border:1px dashed rgb(var(--base-1));box-shadow:var(--box-shadow);font-size:1rem;padding:.8rem .75rem .375rem;text-align:center;transition:var(--trans-base)}.login-form .login-wrap form .form-group label{background:#fff;border-radius:2px;color:rgb(var(--base-1));display:inline-block;font-size:16px;font-weight:500;left:10px;padding:0 8px!important;position:absolute;text-align:center;top:-3px;transition:all .1s ease-in-out;width:auto;z-index:999}.login-form .login-wrap form .form-group .btn{align-items:center;background-color:rgb(var(--base-2));border-radius:3px;display:flex;font-size:1.1rem;font-weight:500;outline:none;padding:.5rem .8rem;position:relative}.login-form .login-wrap form .form-group .btn:hover{background-color:rgb(var(--base-1))!important}@media (max-width:640px){.login-form .login-wrap form .form-group{width:90%}.login-form .login-wrap img{max-width:100px}}