/* NexusFlow fixed login skin */
body{
  background:
    radial-gradient(680px 460px at 13% 18%, rgba(56,232,255,.14), transparent 60%),
    radial-gradient(720px 520px at 86% 24%, rgba(230,50,255,.22), transparent 64%),
    radial-gradient(620px 420px at 52% 58%, rgba(123,97,255,.18), transparent 64%),
    linear-gradient(180deg,#111022 0%,#090713 100%) !important;
  background-attachment:fixed !important;
  color:#edf8ff !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:4;background:linear-gradient(90deg,transparent 0 18%,rgba(56,232,255,.06) 18.2%,transparent 18.6% 100%),linear-gradient(90deg,transparent 0 70%,rgba(230,50,255,.08) 70.2%,transparent 70.6% 100%),linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px);opacity:.46;mix-blend-mode:screen;}
.core{border-radius:0 !important;width:980px !important;height:760px !important;background:radial-gradient(circle at 48% 42%,rgba(123,97,255,.28),transparent 58%),linear-gradient(90deg,rgba(56,232,255,.10),rgba(230,50,255,.16)) !important;filter:blur(72px) !important;box-shadow:none !important;opacity:.82;}
.nebula{filter:blur(105px) !important;opacity:.42 !important;border-radius:0 !important;}
.n1{background:radial-gradient(circle,rgba(56,232,255,.22),transparent 62%) !important;}
.n2{background:radial-gradient(circle,rgba(230,50,255,.25),transparent 64%) !important;}
.shockwave{border-radius:0 !important;border-color:rgba(56,232,255,.18) !important;}
.particle{box-shadow:0 0 10px currentColor;border-radius:0 !important;}
#loginLogo{filter:drop-shadow(0 0 18px rgba(56,232,255,.50)) !important;}
.login-box,.footer-card{border-radius:0 !important;clip-path:none !important;border:1px solid rgba(56,232,255,.22) !important;background:linear-gradient(180deg,rgba(31,27,58,.72),rgba(13,10,27,.78)) !important;box-shadow:0 30px 100px rgba(0,0,0,.62),inset 0 0 38px rgba(123,97,255,.09) !important;backdrop-filter:blur(20px) saturate(1.12) !important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease !important;}
.login-box:hover{transform:translateY(-4px) !important;border-color:rgba(56,232,255,.58) !important;box-shadow:0 34px 120px rgba(0,0,0,.70),0 0 42px rgba(56,232,255,.14),inset 0 0 44px rgba(230,50,255,.10) !important;}
.login-box h1{color:#46f2ff !important;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 16px rgba(56,232,255,.72),0 0 28px rgba(230,50,255,.20) !important;}
.build-pill,.footer-links a{border-radius:0 !important;background:rgba(24,22,48,.72) !important;border:1px solid rgba(56,232,255,.30) !important;color:#edf8ff !important;text-transform:uppercase;}
.subline,.footer-card{color:rgba(196,213,235,.76) !important;}
.login-box>input:not([type="hidden"]),.password-wrap input{border-radius:0 !important;border:1px solid rgba(56,232,255,.30) !important;background:rgba(20,18,39,.76) !important;box-shadow:inset 0 0 22px rgba(123,97,255,.10) !important;color:#edf8ff !important;}
.login-box>input:not([type="hidden"]):focus,.password-wrap input:focus{border-color:rgba(56,232,255,.86) !important;box-shadow:0 0 0 3px rgba(56,232,255,.10),inset 0 0 22px rgba(230,50,255,.10) !important;}
.pass-eye{border-radius:0 !important;color:#46f2ff !important;}
.login-box .login-submit{border-radius:0 !important;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%) !important;background:rgba(16,15,34,.82) !important;border:1px solid rgba(56,232,255,.58) !important;color:#edf8ff !important;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 0 20px rgba(56,232,255,.08) !important;}
.login-box .login-submit:hover{transform:translateY(-2px) !important;background:linear-gradient(110deg,#38e8ff 0%,#52baff 48%,#8d57ff 100%) !important;color:#080713 !important;box-shadow:0 0 28px rgba(56,232,255,.26),0 0 42px rgba(230,50,255,.14) !important;}
.status-dot{border-radius:0 !important;background:#31f59f !important;box-shadow:0 0 14px #31f59f !important;}
@media (prefers-reduced-motion:reduce){body::before{opacity:.16}.login-box:hover,.login-box .login-submit:hover{transform:none !important;}}


/* Restore the login black hole inside the NexusFlow palette. */
.core{
  width:min(72vw,1120px) !important;
  height:min(72vw,1120px) !important;
  max-height:1120px !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle at 50% 50%, #000 0 13%, rgba(1,0,8,.98) 14% 22%, rgba(24,4,48,.96) 23% 30%, rgba(90,30,155,.62) 36%, rgba(55,210,235,.30) 48%, rgba(184,62,214,.25) 57%, transparent 72%) !important;
  filter:blur(26px) saturate(1.12) !important;
  box-shadow:
    0 0 70px 22px rgba(0,0,0,.76),
    0 0 150px 44px rgba(55,210,235,.16),
    0 0 230px 74px rgba(184,62,214,.14),
    inset 0 0 190px 70px rgba(0,0,0,.96) !important;
  opacity:.96 !important;
  mix-blend-mode:screen !important;
}
.core::before,
.core::after{
  content:"";
  position:absolute;
  inset:13%;
  border-radius:50%;
  pointer-events:none;
}
.core::before{
  background:conic-gradient(from 24deg, transparent 0 12%, rgba(56,232,255,.42) 20%, transparent 34%, rgba(230,50,255,.38) 54%, transparent 72%, rgba(122,98,255,.26) 86%, transparent 100%);
  filter:blur(18px);
  animation:spin 150s linear infinite reverse;
}
.core::after{
  inset:31%;
  background:radial-gradient(circle, #000 0 54%, rgba(0,0,0,.90) 62%, transparent 70%);
  box-shadow:0 0 42px 22px rgba(0,0,0,.92), inset 0 0 70px rgba(0,0,0,.98);
}
.nebula{
  border-radius:50% !important;
  filter:blur(118px) !important;
  opacity:.56 !important;
}
.n1{
  background:conic-gradient(from 0deg, rgba(56,232,255,.11), rgba(36,18,82,.18), rgba(230,50,255,.12), rgba(5,5,18,.08), rgba(56,232,255,.11)) !important;
}
.n2{
  background:radial-gradient(circle, rgba(150,80,255,.13), rgba(44,18,82,.12) 38%, transparent 70%) !important;
}
.shockwave{
  border-radius:50% !important;
  border-color:rgba(56,232,255,.20) !important;
  box-shadow:0 0 42px rgba(230,50,255,.08) !important;
}
.login-shell{
  transform:translateY(8px);
}
#loginLogo{
  filter:drop-shadow(0 0 22px rgba(56,232,255,.46)) drop-shadow(0 0 24px rgba(230,50,255,.20)) !important;
}


/* Login polish v3: no vertical scan bars, calmer mobile layout. */
html,
body{
  overscroll-behavior:none;
}
body{
  background:
    radial-gradient(760px 520px at 50% 42%, rgba(66,86,178,.22), transparent 62%),
    radial-gradient(680px 500px at 68% 46%, rgba(158,46,188,.20), transparent 66%),
    radial-gradient(620px 440px at 34% 42%, rgba(40,178,205,.12), transparent 64%),
    linear-gradient(180deg,#0b0d1e 0%,#090713 52%,#05050d 100%) !important;
}
body::before{
  background:
    radial-gradient(circle at 30% 18%, rgba(56,232,255,.55) 0 1px, transparent 2px),
    radial-gradient(circle at 63% 23%, rgba(230,50,255,.42) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 62%, rgba(120,98,255,.38) 0 1px, transparent 2px),
    linear-gradient(180deg, rgba(255,255,255,.026) 0 1px, transparent 1px 9px) !important;
  opacity:.30 !important;
  mix-blend-mode:screen !important;
}
.login-box{
  background:linear-gradient(145deg, rgba(24,31,58,.78) 0%, rgba(24,16,52,.80) 50%, rgba(10,8,24,.88) 100%) !important;
  border-color:rgba(56,232,255,.34) !important;
  box-shadow:0 24px 84px rgba(0,0,0,.60),0 0 28px rgba(56,232,255,.09),inset 0 0 28px rgba(123,97,255,.08) !important;
}
.login-box:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(56,232,255,.56) !important;
  box-shadow:0 28px 92px rgba(0,0,0,.66),0 0 30px rgba(56,232,255,.15),0 0 42px rgba(230,50,255,.10),inset 0 0 30px rgba(123,97,255,.10) !important;
}
.login-box .login-submit,
.login-box>input:not([type="hidden"]),
.password-wrap input{
  transform:translateZ(0);
}
.login-box .login-submit:hover{
  transform:translateY(-1px) !important;
}
@media (max-width:780px){
  html,
  body{
    min-height:100dvh !important;
    height:auto !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }
  body{
    justify-content:flex-start !important;
    padding:clamp(18px,5vh,46px) 16px 18px !important;
    background-attachment:scroll !important;
    perspective:none !important;
  }
  .parallax{
    position:fixed !important;
    inset:0 !important;
    transform:none !important;
    overflow:hidden !important;
  }
  .core{
    top:36% !important;
    width:min(118vw,620px) !important;
    height:min(118vw,620px) !important;
    filter:blur(20px) saturate(1.05) !important;
    opacity:.78 !important;
    animation:none !important;
  }
  .core::before{
    animation:none !important;
    filter:blur(14px) !important;
  }
  .nebula{
    width:900px !important;
    height:900px !important;
    filter:blur(92px) !important;
    opacity:.32 !important;
    animation:none !important;
  }
  .shockwave,
  .particle{
    display:none !important;
  }
  .login-shell{
    width:min(100%,360px) !important;
    gap:12px !important;
    transform:none !important;
    margin-top:0 !important;
  }
  #loginLogo{
    width:138px !important;
    animation:none !important;
  }
  .login-box{
    --login-field-w:100% !important;
    --login-btn-w:100% !important;
    padding:1.1rem !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .login-box:hover{
    transform:none !important;
  }
  .login-footer{
    position:static !important;
    width:min(100%,360px) !important;
    margin:14px auto 0 !important;
    padding:0 !important;
  }
  .footer-card{
    max-width:100% !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
}