#LoginArea {
  max-width: 400px;
  margin: 120px auto 10px auto;
}
.social-icons {
  padding-left: 0px;
}
.social-icons a.btn-sm {
  margin-right: 5px;
}

/* Password toggle styles */
.toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
  color: #999;
  transition: color 0.3s ease;
}

.toggle-password:hover {
  color: #333;
}

.toggle-password .material-icons {
  font-size: 20px;
  user-select: none;
}

#password-field {
  padding-right: 40px !important;
}