.login{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}

.login__card{
  width:100%;
  max-width:420px;
  padding:28px;
  border-radius:var(--radius);

  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--shadow);

  backdrop-filter:blur(14px);
}

.login__logo{
  text-align:center;
  margin-bottom:20px;
}

.login__logo img{
  width:160px;
  filter:drop-shadow(0 10px 30px rgba(21,107,255,.25));
}

.login__head{
  text-align:center;
  margin-bottom:20px;
}

.login__head h2{
  margin:0 0 6px;
}

.login__password-wrap{
  position:relative;
}

.login__password-wrap input{
  padding-right:42px;
}

.login__toggle{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);

  border:none;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  font-size:16px;
}

.login__toggle:hover{
  color:var(--text);
}