.loginbox .panel{
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 12px;

  box-shadow: 0 0 20px rgba(76,140,255,0.35);

  color: #fff;
}

.loginbox .panel-heading{
  background: transparent;
  border: none;
  color: #bcdcff;
  text-shadow: 0 0 8px rgba(76,140,255,0.6);
}

.loginbox label{
  color: #8fbaff;
  font-weight: 600;
  letter-spacing: 1px;
}

.loginbox .form-control{
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.3);
  color: #ffffff;
  border-radius: 6px;
  transition: 0.3s;
}

.loginbox .form-control:focus{
  border-color: #4c8cff;
  box-shadow: 0 0 10px #4c8cff;
  background: rgba(255,255,255,0.15);
}

.loginbox .btn{
  background: rgba(76,140,255,0.2);
  border: 1px solid #4c8cff;
  color: #eaf4ff;
  border-radius: 6px;
  transition: 0.3s;
}

.loginbox .btn:hover{
  background: rgba(76,140,255,0.4);
  box-shadow: 0 0 12px #4c8cff;
}

.loginbox a{
  color: #8fbaff;
  transition: 0.3s;
}

.loginbox a:hover{
  color: #ffffff;
  text-shadow: 0 0 6px #4c8cff;
}

.loginbox .panel::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:12px;
  box-shadow: 0 0 30px rgba(76,140,255,0.25);
  pointer-events:none;
}

.loginbox .panel{
  position: relative;
}