/* NeuroDrive ENAT-HSI — login visual stabilization v5 */

.auth:after { display:none!important; content:none!important; }

.auth:before {
  display:block!important; content:""!important; position:absolute!important;
  top:24px!important; left:calc(50% - 190px)!important; transform:none!important;
  width:150px!important; height:150px!important; background-repeat:no-repeat!important;
  background-position:center!important; background-size:contain!important;
  filter:drop-shadow(0 12px 26px rgba(0,0,0,.42))!important; z-index:8!important; pointer-events:none!important;
}

.login-brand-static {
  display:none!important; position:absolute!important; top:24px!important; left:calc(50% + 40px)!important;
  transform:none!important; width:150px!important; height:150px!important; margin:0!important; padding:0!important;
  box-sizing:border-box!important; align-items:center!important; justify-content:center!important; z-index:10!important; pointer-events:none!important;
}
body:has(.auth) .login-brand-static{display:flex!important;}
.login-brand-static img{display:block!important;width:150px!important;height:150px!important;max-width:150px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 12px 28px rgba(0,0,0,.42))!important;}
.auth>div:first-of-type{display:none!important;}

.auth {
  position:relative!important; min-height:100vh!important; height:100vh!important; width:100%!important; box-sizing:border-box!important;
  display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; gap:0!important; margin:0!important;
  padding:292px 18px 36px!important; overflow-y:auto!important; overflow-x:hidden!important; isolation:isolate!important;
  background:radial-gradient(circle at 50% 10%,rgba(85,191,240,.15),transparent 30%),radial-gradient(circle at 10% 76%,rgba(25,118,210,.13),transparent 32%),radial-gradient(circle at 90% 24%,rgba(215,168,61,.07),transparent 25%),linear-gradient(145deg,#020812 0%,#061426 48%,#0a2743 100%)!important;
}

/* Dark premium login card — replaces the previous white card. */
.auth .card {
  position:relative!important; z-index:20!important; width:min(520px,94vw)!important; margin:0 auto!important;
  padding:30px 32px 28px!important; box-sizing:border-box!important; border:1px solid rgba(85,191,240,.34)!important;
  border-radius:22px!important; background:linear-gradient(145deg,rgba(7,25,45,.97),rgba(3,12,24,.985))!important;
  box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.035) inset,0 0 42px rgba(45,164,220,.10)!important;
  backdrop-filter:blur(18px)!important; color:#f5f9ff!important;
}
.auth .card::before{content:""!important;display:block!important;height:4px!important;width:76px!important;margin:-2px 0 18px!important;border-radius:99px!important;background:linear-gradient(90deg,#1976d2,#55bff0)!important;}
.auth .card h1{margin:0 0 14px!important;color:#f5f9ff!important;font-size:29px!important;font-weight:900!important;letter-spacing:-.025em!important;text-shadow:0 2px 18px rgba(85,191,240,.14)!important;}
.auth .card h1::after,.auth .card h1:after{display:none!important;}
.auth .card input,.auth .card select{min-height:50px!important;margin:7px 0!important;border:1px solid rgba(135,181,218,.34)!important;border-radius:13px!important;background:rgba(13,37,64,.90)!important;color:#f8fbff!important;caret-color:#55bff0!important;box-shadow:0 8px 22px rgba(0,0,0,.18) inset!important;}
.auth .card input::placeholder{color:#9eb3c8!important;}
.auth .card input:focus,.auth .card select:focus{border-color:#55bff0!important;background:rgba(16,47,78,.96)!important;box-shadow:0 0 0 4px rgba(85,191,240,.12),0 8px 22px rgba(0,0,0,.18) inset!important;outline:none!important;}
.auth .card>button[type="submit"]{width:100%!important;min-height:52px!important;margin-top:12px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#1d8eea 0%,#1976d2 52%,#104e96 100%)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;letter-spacing:.09em!important;box-shadow:0 12px 28px rgba(18,89,173,.30),0 0 20px rgba(85,191,240,.08)!important;}
.auth .card>button[type="submit"]:hover{transform:translateY(-2px)!important;}
.auth .card .link{border:0!important;box-shadow:none!important;background:transparent!important;color:#a9c7e1!important;font-weight:800!important;}
.auth .card .link:hover{color:#55bff0!important;background:rgba(85,191,240,.07)!important;}

/* NEURODRIVE under the logo lockup. */
.auth .card::after{content:"NEURODRIVE"!important;position:absolute!important;top:-62px!important;left:50%!important;transform:translateX(-50%)!important;color:#eef7ff!important;font-size:27px!important;line-height:1!important;font-weight:900!important;letter-spacing:.14em!important;white-space:nowrap!important;text-shadow:0 3px 22px rgba(85,191,240,.24)!important;pointer-events:none!important;}

@media (max-width:700px){
 .auth:before{top:18px!important;left:calc(50% - 150px)!important;width:118px!important;height:118px!important;}
 .login-brand-static{top:18px!important;left:calc(50% + 32px)!important;width:118px!important;height:118px!important;}
 .login-brand-static img{width:118px!important;height:118px!important;max-width:118px!important;}
 .auth{height:100dvh!important;min-height:100dvh!important;padding:176px 12px 28px!important;}
 .auth .card{width:min(520px,96vw)!important;padding:24px 20px 22px!important;border-radius:20px!important;}
 .auth .card::after{top:-52px!important;font-size:22px!important;}
}
@media (max-width:390px){
 .auth:before{top:14px!important;left:calc(50% - 128px)!important;width:100px!important;height:100px!important;}
 .login-brand-static{top:14px!important;left:calc(50% + 28px)!important;width:100px!important;height:100px!important;}
 .login-brand-static img{width:100px!important;height:100px!important;max-width:100px!important;}
 .auth{padding-top:154px!important;}.auth .card{padding:21px 16px!important;}
}