*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:Arial, sans-serif;
}

body.login-page{
  min-height:100vh;
  background:#eef4fb;
  display:flex;
  justify-content:center;
  align-items:center;
}

.login-card{
  width:620px;
  max-width:95%;
  background:rgba(255,255,255,0.75);
  border:1px solid #d6dde8;
  border-radius:6px;
  padding:25px 16px 20px;
  text-align:center;
}

.login-avatar{
  width:80px;
  height:80px;
  background:#999;
  color:white;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:42px;
  margin:0 auto 20px;
}

.login-card h2{
  color:#0d6efd;
  font-size:24px;
  margin-bottom:20px;
}

.login-card input{
  width:100%;
  height:57px;
  padding:0 18px;
  margin-bottom:16px;
  border:1px solid #d5dce7;
  border-radius:5px;
  font-size:15px;
}

.login-card button{
  width:84px;
  height:48px;
  background:#0d6efd;
  color:white;
  border:none;
  border-radius:7px;
  font-size:16px;
  display:block;
  margin:8px auto 38px;
  cursor:pointer;
}

.forgot-btn{
  display:block;
  width:max-content;
  margin-left:10px;
  color:#0d6efd;
  background:white;
  border:1px solid #0d6efd;
  padding:10px 14px;
  border-radius:5px;
  text-decoration:none;
}