.login-overlay *{
  box-sizing:border-box;
  font-family: "Segoe UI", sans-serif;
}

.login-overlay body{
  background:#eee;
  padding:50px;
}

.login-overlay .demo-btn{
  padding:10px 18px;
  background:#f36a32;
  color:#fff;
  border:none;
  border-radius:6px;
  cursor:pointer;
}

.login-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.35);
  justify-content:center;
  align-items:center;
  z-index:10000;
}

.login-overlay .popup{
  width:430px;
  background:#fff;
  border-radius:18px;
  padding:28px 28px 24px;
  position:relative;
  z-index:10001;
}

.login-overlay .popup h1{
  font-size:26px;
  font-weight:600;
  margin-bottom:22px;
}

.login-overlay label{
  font-size:14px;
  font-weight:600;
  display:block;
  margin-top:14px;
}

.login-overlay input[type=text],
.login-overlay input[type=password]{
  width:100%;
  padding:13px 14px;
  border:1px solid #e3e3e3;
  border-radius:10px;
  margin-top:6px;
  font-size:14px;
}

.login-overlay .password-wrap{
  position:relative;
}
.login-overlay .password-wrap img{
  width:20px;
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  cursor:pointer;
  opacity:.6;
}

.login-overlay .row{
  display:flex;
  justify-content:space-between;
  margin:14px 0 22px;
  font-size:13px;
}
.login-overlay .checks label{
  font-size:13px;
  font-weight:500;
}
.login-overlay .row a{
  font-size:13px;
  color:#000;
  text-decoration:underline;
}

.login-overlay .login-btn{
  width:100%;
  padding:14px;
  background:#f36a32;
  border:none;
  border-radius:12px;
  color:#fff;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
}

.login-overlay .or{
  text-align:center;
  margin:16px 0 10px;
  font-weight:600;
}

.login-overlay .signup{
  text-align:center;
  font-size:14px;
}
.login-overlay .signup span{
  color:#f36a32;
  font-weight:600;
  cursor:pointer;
}