.login-modal-mask{
  background:rgba(3,10,22,.78)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

.login-required-modal{
  background:linear-gradient(180deg,rgba(18,35,56,.96),rgba(7,17,31,.96))!important;
  border:1px solid rgba(39,230,211,.32)!important;
  border-radius:26px!important;
  box-shadow:0 0 42px rgba(39,230,211,.16),0 28px 90px rgba(0,0,0,.62)!important;
}

.login-required-icon{
  width:70px!important;
  height:70px!important;
  margin:0 auto 18px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,rgba(39,230,211,.22),rgba(26,140,255,.18))!important;
  border:1px solid rgba(39,230,211,.36)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:34px!important;
  box-shadow:0 0 28px rgba(39,230,211,.25)!important;
}

.login-required-modal h3{
  color:#fff!important;
  font-size:26px!important;
  letter-spacing:.5px!important;
}

.login-required-modal p{
  color:#a8bad0!important;
  line-height:1.8!important;
}

.login-required-actions button{
  height:48px!important;
  border-radius:14px!important;
  font-weight:900!important;
}

.login-required-cancel{
  background:rgba(255,255,255,.07)!important;
  color:#c8d4e3!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

.login-required-login{
  background:linear-gradient(135deg,#27e6d3,#1a8cff)!important;
  color:#fff!important;
  box-shadow:0 0 24px rgba(39,230,211,.34)!important;
}

@media(max-width:768px){
  .login-required-modal{
    width:86%!important;
    padding:28px 22px!important;
  }
  .login-required-actions{
    grid-template-columns:1fr!important;
  }
}