/* Login modal v15 — real artwork panel for reliable desktop and mobile rendering. */
#authModal .single-auth-modal{
  width:min(980px,calc(100vw - 28px))!important;
  min-height:640px!important;max-height:94dvh!important;
  display:grid!important;grid-template-columns:44% 56%!important;
  padding:0!important;overflow:hidden!important;isolation:isolate!important;
  color:#fff!important;background:linear-gradient(145deg,#091c45,#070d29)!important;
  border:1px solid rgba(104,236,255,.72)!important;border-radius:30px!important;
  box-shadow:0 12px 0 #020617,0 0 0 5px rgba(86,227,255,.08),0 40px 120px rgba(0,0,0,.78),0 0 76px rgba(76,151,255,.2)!important;
  animation:loginModalPulse 6.5s ease-in-out infinite!important;
}
#authModal .single-auth-modal:before{
  content:""!important;position:absolute!important;z-index:8!important;inset:0 0 auto!important;height:7px!important;
  background:linear-gradient(90deg,#59efff,#597cff 35%,#b96dff 60%,#ffe071 82%,#5ceeff)!important;
  background-size:220% 100%!important;border-radius:29px 29px 0 0!important;
  animation:loginModalEdge 6s linear infinite!important;pointer-events:none!important;
}
#authModal .single-auth-modal:after{content:none!important;display:none!important}

#authModal .auth-vault-art{
  position:relative!important;min-width:0!important;min-height:640px!important;overflow:hidden!important;
  background:#04102e!important;border-right:1px solid rgba(100,232,255,.3)!important;
}
#authModal .auth-vault-art img{
  display:block!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important;
  object-fit:cover!important;object-position:center 42%!important;
  filter:saturate(1.05) contrast(1.04)!important;animation:loginArtGlow 6s ease-in-out infinite!important;
}
#authModal .auth-vault-art:before{
  content:""!important;position:absolute!important;z-index:2!important;inset:0!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(3,9,29,.04) 42%,rgba(3,10,31,.35) 70%,rgba(3,10,31,.94) 100%)!important;
}
#authModal .auth-vault-spark{
  position:absolute!important;z-index:3!important;right:12%!important;top:10%!important;color:#ecfeff!important;font-size:18px!important;
  text-shadow:0 0 8px #fff,0 0 20px #5eeaff,0 0 35px #6d65ff!important;animation:loginSpark 4.5s ease-in-out infinite!important;
}
#authModal .auth-vault-caption{
  position:absolute!important;z-index:4!important;left:24px!important;right:24px!important;bottom:25px!important;
  padding:18px 19px!important;border-radius:17px!important;color:#b8d3e8!important;font-size:10px!important;line-height:1.65!important;
  background:linear-gradient(145deg,rgba(4,16,45,.88),rgba(19,27,78,.76))!important;
  border:1px solid rgba(108,237,255,.35)!important;box-shadow:0 18px 42px rgba(0,0,0,.38),inset 0 0 28px rgba(66,220,255,.06)!important;
}
#authModal .auth-vault-caption b{display:block!important;margin-bottom:5px!important;color:#f1feff!important;font-size:12px!important;letter-spacing:.08em!important}

#authModal .auth-vault-panel{
  min-width:0!important;max-height:94dvh!important;overflow-y:auto!important;padding:40px 39px 34px!important;
  background:
    radial-gradient(circle at 92% 7%,rgba(93,79,255,.18),transparent 28%),
    linear-gradient(150deg,rgba(10,31,72,.98),rgba(7,13,42,.99))!important;
}
#authModal .single-auth-modal .modal-close{
  z-index:12!important;right:17px!important;top:16px!important;width:42px!important;height:42px!important;
  background:rgba(8,28,62,.92)!important;border:1px solid rgba(106,234,255,.48)!important;box-shadow:0 0 22px rgba(73,220,255,.15)!important;
}
#authModal .single-auth-modal .modal-brand{width:auto!important;margin:0 0 17px!important;padding:0 24px!important;text-align:center!important}
#authModal .single-auth-modal .modal-brand img{
  width:76px!important;height:76px!important;padding:9px!important;border-radius:22px!important;
  background:linear-gradient(145deg,rgba(44,224,255,.18),rgba(106,77,255,.18))!important;
  border:1px solid rgba(112,239,255,.3)!important;filter:drop-shadow(0 0 20px rgba(87,232,255,.38))!important;
  animation:loginCrestV15 4.6s ease-in-out infinite!important;
}
#authModal .single-auth-modal .modal-brand span{color:#73f3ff!important;font-size:9px!important;letter-spacing:.2em!important;margin-top:11px!important}
#authModal .single-auth-modal .modal-brand h2{color:#fff!important;font-size:34px!important;line-height:1.08!important;margin:8px 0 10px!important;text-shadow:0 4px 20px rgba(0,0,0,.65)!important}
#authModal .single-auth-modal .modal-brand p{color:#bad2e8!important;font-size:12px!important;line-height:1.6!important;max-width:430px!important;margin:auto!important}
#authModal .single-auth-modal .auth-tabs,
#authModal .single-auth-modal .auth-form,
#authModal .single-auth-modal .access-paused{width:auto!important;margin-left:0!important;margin-right:0!important}
#authModal .single-auth-modal .auth-tabs{
  min-height:54px!important;padding:6px!important;margin-top:7px!important;margin-bottom:18px!important;
  background:linear-gradient(145deg,#061328,#091d3c)!important;border:1px solid rgba(96,231,255,.38)!important;border-radius:16px!important;
}
#authModal .single-auth-modal .auth-tabs button{font-size:11px!important;color:#a9bfd5!important;border-radius:11px!important}
#authModal .single-auth-modal .auth-tabs button.active{color:#031127!important;background:linear-gradient(135deg,#8067ff,#55ebff)!important;box-shadow:0 6px 18px rgba(72,211,255,.24)!important}
#authModal .single-auth-modal .auth-form{padding:0!important}
#authModal .single-auth-modal .auth-form label{color:#dbf8ff!important;font-size:11px!important;letter-spacing:.035em!important;margin:14px 0 7px!important}
#authModal .single-auth-modal .auth-form input{
  min-height:55px!important;padding:14px 17px!important;border-radius:15px!important;color:#f8fdff!important;
  background:linear-gradient(145deg,#06152e,#071a38)!important;border:1px solid rgba(91,224,255,.46)!important;
}
#authModal .single-auth-modal .auth-form input:focus{border-color:#68efff!important;box-shadow:0 0 0 3px rgba(90,229,255,.12),0 0 26px rgba(77,221,255,.1)!important}
#authModal .single-auth-modal .auth-form small{color:#93aec6!important;font-size:10px!important;line-height:1.55!important;margin-top:7px!important}
#authModal .single-auth-modal .captcha-disabled-note{margin-top:15px!important;padding:12px 14px!important;border-radius:13px!important;color:#c9fff4!important;background:rgba(55,211,174,.09)!important;border:1px solid rgba(85,230,190,.3)!important}
#authModal .single-auth-modal .btn-wide{min-height:55px!important;margin-top:17px!important;border-radius:14px!important;background:linear-gradient(135deg,#fff09b,#ffd454 48%,#f3aa25)!important;box-shadow:0 6px 0 #996210,0 18px 34px rgba(255,194,55,.18)!important}
#authModal .single-auth-modal .access-paused{margin-top:18px!important;background:linear-gradient(145deg,#0c2747,#081a36)!important;border-color:rgba(102,235,255,.32)!important}

@media(max-width:760px){
  #authModal{padding:7px!important;align-items:center!important}
  #authModal .single-auth-modal{
    width:100%!important;min-height:0!important;max-height:96dvh!important;display:block!important;overflow-y:auto!important;border-radius:22px!important;
  }
  #authModal .auth-vault-art{width:100%!important;height:225px!important;min-height:225px!important;border-right:0!important;border-bottom:1px solid rgba(100,232,255,.3)!important}
  #authModal .auth-vault-art img{object-fit:cover!important;object-position:center 38%!important}
  #authModal .auth-vault-art:before{background:linear-gradient(180deg,rgba(3,9,29,.02) 28%,rgba(3,10,31,.18) 62%,rgba(3,10,31,.9) 100%)!important}
  #authModal .auth-vault-caption{left:14px!important;right:14px!important;bottom:13px!important;padding:10px 12px!important;text-align:center!important}
  #authModal .auth-vault-caption b{font-size:10px!important;margin:0!important}
  #authModal .auth-vault-caption span{display:none!important}
  #authModal .auth-vault-spark{right:9%!important;top:12%!important;font-size:15px!important}
  #authModal .auth-vault-panel{max-height:none!important;overflow:visible!important;padding:22px 17px 27px!important}
  #authModal .single-auth-modal .modal-close{right:12px!important;top:12px!important}
  #authModal .single-auth-modal .modal-brand{padding:0!important;margin-bottom:15px!important}
  #authModal .single-auth-modal .modal-brand img{width:64px!important;height:64px!important}
  #authModal .single-auth-modal .modal-brand h2{font-size:29px!important}
  #authModal .single-auth-modal .modal-brand p{font-size:11px!important}
}
@media(max-width:390px){
  #authModal .auth-vault-art{height:195px!important;min-height:195px!important}
  #authModal .auth-vault-panel{padding:19px 13px 24px!important}
  #authModal .single-auth-modal .modal-brand h2{font-size:26px!important}
  #authModal .single-auth-modal .modal-brand img{width:58px!important;height:58px!important}
}

@keyframes loginModalPulse{0%,100%{box-shadow:0 12px 0 #020617,0 0 0 5px rgba(86,227,255,.06),0 40px 120px rgba(0,0,0,.78),0 0 55px rgba(76,116,255,.12)}50%{box-shadow:0 12px 0 #020617,0 0 0 5px rgba(86,227,255,.11),0 40px 120px rgba(0,0,0,.78),0 0 84px rgba(76,205,255,.24)}}
@keyframes loginModalEdge{to{background-position:220% 0}}
@keyframes loginArtGlow{0%,100%{filter:saturate(1.02) brightness(.96)}50%{filter:saturate(1.1) brightness(1.08)}}
@keyframes loginSpark{0%,100%{opacity:.35;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(45deg)}}
@keyframes loginCrestV15{0%,100%{filter:drop-shadow(0 0 15px rgba(87,232,255,.28));transform:translateY(0)}50%{filter:drop-shadow(0 0 28px rgba(87,232,255,.52));transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){#authModal .single-auth-modal,#authModal .single-auth-modal:before,#authModal .auth-vault-art img,#authModal .auth-vault-spark,#authModal .single-auth-modal .modal-brand img{animation:none!important}}