.login{
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  /*background:url('https://images.unsplash.com/photo-1550236520-7050f3582da0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1575&q=80');*/
  background:url('../images/system/ct-login_bg.jpg');  
  background-size:cover;
  background-position:center;
}

.login .login-window{
  /*width:400px;
  height:380px;*/
  padding:40px;
  text-align:center;
  border:1px solid var(--ct-theme-white);
  border-radius:20px;
  
  /*backdrop-filter:blur(20px) brightness(200%);*/
  backdrop-filter:blur(20px) brightness(100%);
  
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  color: var(--ct-theme-white);
}
.login input[type="email"], input[type="text"], input[type="password"]{
  border-radius:8px;
  border:1px solid var(--ct-theme-white);
  color:var(--ct-theme-white) !important;
  background:transparent;
}
.login form{
  width:100%;
}
.login input[type="email"]:focus, input[type="text"]:focus, input[type="password"]:focus{
  background:#00000040;
  box-shadow:none;

  border:1px solid var(--ct-theme-white);
}
.logtin input[type="email"]::placeholder, input[type="text"]::placeholder, input[type="password"]::placeholder{
  color: var(--ct-theme-white);
}
.login input[type="submit"]{
  width:100%;
  border-radius:8px;
  text-transform:uppercase;
  font-weight:bold;
  font-size:14px;
}
.login a{
  color: var(--ct-theme-white);
}
.login a:hover{
  /*color:rgb(228, 210, 210);*/
  color: var(--nav-hover-color)
}