:root {
  color-scheme: dark;
  --auth-bg: #03060c;
  --auth-panel: rgba(8, 14, 24, .88);
  --auth-line: rgba(157, 180, 215, .14);
  --auth-text: #f4f8fc;
  --auth-muted: #77879d;
  --auth-lime: #caff32;
  --auth-blue: #5d75ff;
  --auth-cyan: #3ce0d2;
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--auth-bg); }
body {
  position: relative;
  min-height: 100vh;
  margin: 0;
  display: grid;
  place-items: center;
  overflow-x: hidden;
  padding: clamp(14px,2.7vh,32px);
  color: var(--auth-text);
  background:
    radial-gradient(circle at 18% 18%,rgba(40,88,145,.18),transparent 29%),
    radial-gradient(circle at 82% 82%,rgba(22,130,111,.11),transparent 25%),
    linear-gradient(145deg,#040812,#02050a 58%,#030a0d) !important;
  font: 14px/1.5 Inter,"Segoe UI Variable Display","Segoe UI","Microsoft YaHei",sans-serif;
}
body:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .34;
  background-image:
    linear-gradient(rgba(127,155,196,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(127,155,196,.035) 1px,transparent 1px);
  background-size: 52px 52px;
  -webkit-mask-image: radial-gradient(circle at center,black,transparent 77%);
  mask-image: radial-gradient(circle at center,black,transparent 77%);
}
body:after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(110deg,transparent 0 44%,rgba(202,255,50,.025) 50%,transparent 56%);
  animation: authSweep 9s linear infinite;
}
#authSpace { position: fixed; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
.auth-ambient { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.auth-ambient i { position: absolute; display: block; border: 1px solid rgba(111,139,190,.09); border-radius: 50%; }
.auth-ambient i:nth-child(1) { width: 42vw; height: 42vw; left: -21vw; top: 18vh; animation: ambientFloat 16s ease-in-out infinite; }
.auth-ambient i:nth-child(2) { width: 28vw; height: 28vw; right: -13vw; top: -10vw; box-shadow: 0 0 90px rgba(92,117,255,.055); animation: ambientFloat 19s ease-in-out -4s infinite reverse; }
.auth-ambient i:nth-child(3) { width: 18vw; height: 18vw; right: 16vw; bottom: -10vw; border-color: rgba(202,255,50,.07); animation: ambientFloat 13s ease-in-out -7s infinite; }

.login-shell {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.14fr .86fr;
  width: min(1120px,100%);
  min-height: min(680px,calc(100vh - 40px));
  overflow: hidden;
  border: 1px solid rgba(153,178,215,.17);
  border-radius: 25px;
  background: rgba(7,12,20,.80);
  box-shadow: 0 42px 130px rgba(0,0,0,.64),0 0 0 1px rgba(255,255,255,.015) inset,0 0 80px rgba(57,82,170,.06);
  backdrop-filter: blur(22px);
  animation: shellIn .72s cubic-bezier(.2,.85,.2,1) both;
}
.login-shell:before,.login-shell:after {
  content: "";
  position: absolute;
  z-index: 5;
  width: 54px;
  height: 54px;
  pointer-events: none;
}
.login-shell:before { left: 12px; top: 12px; border-left: 2px solid rgba(202,255,50,.55); border-top: 2px solid rgba(202,255,50,.55); border-radius: 10px 0 0; }
.login-shell:after { right: 12px; bottom: 12px; border-right: 2px solid rgba(92,117,255,.55); border-bottom: 2px solid rgba(92,117,255,.55); border-radius: 0 0 10px; }

.brand-panel {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 45px 48px 40px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 18%,rgba(75,93,222,.37),transparent 29%),
    radial-gradient(circle at 12% 92%,rgba(47,210,187,.16),transparent 28%),
    linear-gradient(145deg,#0c1727,#101c35 58%,#101a2d) !important;
}
.brand-panel:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .23;
  background-image: linear-gradient(rgba(156,179,214,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(156,179,214,.18) 1px,transparent 1px);
  background-size: 31px 31px;
  -webkit-mask-image: linear-gradient(to bottom,black,transparent 88%);
  mask-image: linear-gradient(to bottom,black,transparent 88%);
}
.brand-panel:after {
  content: "SYSTEM / ONLINE";
  position: absolute;
  right: 32px;
  top: 31px;
  color: rgba(202,255,50,.65);
  font: 800 8px/1 monospace;
  letter-spacing: .14em;
}
.brand,.brand-copy,.security-points { position: relative; z-index: 3; }
.brand { display: flex; align-items: center; gap: 13px; font-size: 18px; font-weight: 850; letter-spacing: .06em; }
.brand>span {
  display: grid;
  place-items: center;
  width: 47px;
  height: 47px;
  border: 1px solid rgba(202,255,50,.62);
  border-radius: 13px;
  color: #091003;
  background: linear-gradient(145deg,#ddff70,#9ee800) !important;
  box-shadow: 0 0 0 6px rgba(202,255,50,.045),0 0 32px rgba(202,255,50,.16);
}
.brand small { display: block; margin-top: 3px; color: #74849b; font-size: 8px; letter-spacing: .21em; }
.brand-copy { max-width: 510px; margin: auto 0; transform: translateY(-10px); }
.brand-copy p,#eyebrow { margin: 0 0 12px; color: var(--auth-lime) !important; font-size: 9px; font-weight: 900; letter-spacing: .19em; }
.brand-copy p:before { content: ""; display: inline-block; width: 22px; height: 1px; margin: 0 9px 3px 0; background: var(--auth-lime); box-shadow: 0 0 8px var(--auth-lime); }
.brand-copy h1 { margin: 0 0 19px; color: #f7f9fc; font-size: clamp(34px,3.1vw,45px); line-height: 1.18; letter-spacing: -.055em; text-shadow: 0 8px 35px rgba(0,0,0,.25); }
.brand-copy>span { display: block; max-width: 430px; color: #8fa0b8; font-size: 13px; line-height: 1.75; }
.security-points { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.security-points span { display: grid; gap: 7px; padding: 13px; border: 1px solid rgba(162,184,215,.10); border-radius: 10px; color: #8999af; background: rgba(7,13,23,.25); font-size: 9px; backdrop-filter: blur(8px); }
.security-points i { color: var(--auth-lime); font-size: 9px; font-style: normal; font-weight: 900; }

.auth-orbit { position: absolute; z-index: 1; width: 380px; height: 380px; right: -110px; bottom: -130px; border-radius: 50%; opacity: .72; pointer-events: none; }
.orbit-core { position: absolute; inset: 112px; border: 1px solid rgba(202,255,50,.28); border-radius: 50%; background: radial-gradient(circle at 38% 32%,rgba(202,255,50,.34),rgba(58,91,164,.13) 28%,rgba(5,10,18,.78) 65%); box-shadow: 0 0 52px rgba(202,255,50,.08),inset -24px -24px 48px rgba(0,0,0,.45); animation: corePulse 4s ease-in-out infinite; }
.auth-orbit>i { position: absolute; inset: 42px; border: 1px solid rgba(134,159,205,.15); border-radius: 50%; transform: rotate(22deg) scaleY(.42); animation: orbitSpin 12s linear infinite; }
.auth-orbit>i:nth-of-type(2) { inset: 76px; border-color: rgba(202,255,50,.17); transform: rotate(-38deg) scaleY(.55); animation-duration: 9s; animation-direction: reverse; }
.auth-orbit>i:nth-of-type(3) { inset: 8px; border-style: dashed; transform: rotate(65deg) scaleY(.66); animation-duration: 24s; }
.auth-orbit>b { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--auth-lime); box-shadow: 0 0 13px var(--auth-lime); animation: satelliteA 9s linear infinite; }
.auth-orbit>b:last-child { width: 5px; height: 5px; background: var(--auth-blue); box-shadow: 0 0 13px var(--auth-blue); animation: satelliteB 13s linear infinite reverse; }

.login-panel {
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  min-width: 0;
  padding: 50px 48px;
  border-left: 1px solid rgba(158,181,214,.09);
  background: radial-gradient(circle at 100% 0,rgba(91,115,255,.11),transparent 36%),linear-gradient(160deg,rgba(9,15,25,.98),rgba(5,10,17,.98)) !important;
}
.login-panel:before { content: "AUTHORIZATION GATE / 01"; position: absolute; left: 25px; bottom: 21px; color: #344156; font: 8px monospace; letter-spacing: .14em; }
.login-panel:after { content: ""; position: absolute; width: 180px; height: 180px; right: -120px; top: 45px; border: 1px solid rgba(92,117,255,.10); border-radius: 50%; box-shadow: 0 0 0 34px rgba(92,117,255,.025),0 0 0 68px rgba(92,117,255,.015); }
.panel-scan { position: absolute; z-index: 0; left: 0; right: 0; height: 1px; top: 0; opacity: .45; background: linear-gradient(90deg,transparent,var(--auth-lime),transparent); box-shadow: 0 0 12px rgba(202,255,50,.28); animation: panelScan 6s ease-in-out infinite; }
form { position: relative; z-index: 2; width: min(360px,100%); padding: 2px; }
.status-pill { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 29px; padding: 6px 10px; border: 1px solid rgba(202,255,50,.17); border-radius: 20px; color: #a8c06d !important; background: rgba(202,255,50,.045) !important; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.status-pill i { width: 6px; height: 6px; border-radius: 50%; background: var(--auth-lime); box-shadow: 0 0 11px var(--auth-lime); animation: statusPulse 2s ease-in-out infinite; }
#eyebrow { margin-bottom: 7px; color: #8d9cff !important; }
h2 { margin: 0; color: #f5f8fc; font-size: 29px; letter-spacing: -.045em; }
#formHint { display: block; margin: 8px 0 29px; color: var(--auth-muted); font-size: 11px; }
label { position: relative; display: grid; gap: 8px; margin-bottom: 16px; color: #8392a6; font-size: 10px; font-weight: 750; letter-spacing: .03em; }
input { width: 100%; height: 48px; padding: 12px 14px; border: 1px solid rgba(156,180,215,.16) !important; border-radius: 9px !important; outline: 0; color: #e8eef7 !important; background: rgba(5,10,18,.70) !important; box-shadow: inset 0 1px 5px rgba(0,0,0,.32) !important; font: inherit; transition: .2s; }
input:hover { border-color: rgba(156,180,215,.25) !important; }
input:focus { border-color: rgba(202,255,50,.50) !important; box-shadow: 0 0 0 3px rgba(202,255,50,.065),0 0 24px rgba(202,255,50,.035),inset 0 1px 4px rgba(0,0,0,.25) !important; }
input::placeholder { color: #3f4c60; }
#authError { min-height: 23px; color: #ff7388; font-size: 10px; }
#submitBtn { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 7px; padding: 14px 17px; border: 1px solid var(--auth-lime) !important; border-radius: 10px !important; color: #091004 !important; background: linear-gradient(135deg,#dfff75,#a9ed08) !important; box-shadow: 0 12px 32px rgba(176,233,25,.16) !important; font: inherit; font-weight: 900; cursor: pointer; transition: .2s; }
#submitBtn:before { content: ""; position: absolute; inset: 0; transform: translateX(-120%); background: linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent); transition: .55s; }
#submitBtn:hover { transform: translateY(-2px); box-shadow: 0 15px 38px rgba(176,233,25,.24) !important; }
#submitBtn:hover:before { transform: translateX(120%); }
#submitBtn:disabled { opacity: .55; cursor: wait; transform: none; }
#submitBtn span { font-size: 18px; }
.auth-links { display: flex; justify-content: center; gap: 7px; margin-top: 19px; color: #65748a !important; font-size: 11px; }
.auth-links a { color: var(--auth-lime) !important; font-weight: 850; text-decoration: none; }
.auth-links a:hover { text-decoration: none; text-shadow: 0 0 13px rgba(202,255,50,.45); }
#securityNote { display: block; margin-top: 16px; color: #475468; text-align: center; font-size: 9px; }
.password-rules { border-color: rgba(158,181,214,.13) !important; color: #718198 !important; background: rgba(9,16,27,.78) !important; }
.password-rules b { color: #a6b4c7 !important; }.password-rules span { background: rgba(255,255,255,.035) !important; }
.register-shell { min-height: 740px; }.register-shell .login-panel { padding-block: 32px; }.register-shell .status-pill { margin-bottom: 15px; }.register-shell #formHint { margin-bottom: 18px; }.register-shell label { margin-bottom: 10px; }.register-shell input { height: 43px; }

@keyframes shellIn { from { opacity: 0; transform: translateY(18px) scale(.985); } }
@keyframes authSweep { from { transform: translateX(-45%); } to { transform: translateX(45%); } }
@keyframes ambientFloat { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(30px,-24px,0); } }
@keyframes corePulse { 50% { transform: scale(1.06); filter: brightness(1.25); } }
@keyframes orbitSpin { to { rotate: 360deg; } }
@keyframes satelliteA { 0% { transform: translate(62px,150px); } 25% { transform: translate(185px,40px); } 50% { transform: translate(320px,175px); } 75% { transform: translate(176px,325px); } 100% { transform: translate(62px,150px); } }
@keyframes satelliteB { 0% { transform: translate(108px,72px); } 25% { transform: translate(286px,92px); } 50% { transform: translate(276px,275px); } 75% { transform: translate(85px,264px); } 100% { transform: translate(108px,72px); } }
@keyframes panelScan { 0%,12% { top: 0; opacity: 0; } 30% { opacity: .48; } 70% { opacity: .24; } 88%,100% { top: 100%; opacity: 0; } }
@keyframes statusPulse { 50% { opacity: .45; box-shadow: 0 0 18px var(--auth-lime); } }

@media(max-width:850px) {
  body { padding: 18px; }
  .login-shell { grid-template-columns: 1fr; width: min(590px,100%); min-height: auto; }
  .brand-panel { min-height: 270px; padding: 30px; }
  .brand-copy { margin: 47px 0 0; transform: none; }
  .brand-copy h1 { font-size: 30px; }.brand-copy>span { display: none; }
  .security-points { display: none; }.auth-orbit { right: -145px; bottom: -175px; }
  .login-panel { padding: 40px 28px 46px; border-top: 1px solid rgba(158,181,214,.09); border-left: 0; }
  .register-shell { min-height: auto; }.register-shell .brand-panel { min-height: 230px; }.register-shell .brand-copy { margin-top: 35px; }
}
@media(max-width:500px) {
  body { padding: 10px; }
  .login-shell { border-radius: 18px; }
  .brand-panel { min-height: 220px; padding: 24px; }
  .brand-panel:after { display: none; }.brand-copy { margin-top: 38px; }.brand-copy p { margin-bottom: 8px; }.brand-copy h1 { font-size: 25px; }
  .brand { font-size: 15px; }.brand>span { width: 39px; height: 39px; border-radius: 10px; }
  .login-panel { padding: 33px 21px 42px; }.status-pill { margin-bottom: 21px; }h2 { font-size: 25px; }
  .auth-orbit { opacity: .42; }.register-shell .brand-panel { min-height: 190px; }.register-shell .brand-copy { margin-top: 24px; }
}
@media(prefers-reduced-motion:reduce) {
  body:after,.auth-ambient i,.auth-orbit>i,.auth-orbit>b,.orbit-core,.panel-scan,.status-pill i { animation: none !important; }
  .login-shell { animation-duration: .01ms; }
}

/* Auth cockpit v2 — full-screen composition */
body:has(.login-shell) {
  padding: 28px clamp(30px,4vw,80px) !important;
  background:
    radial-gradient(ellipse at 23% 47%,rgba(31,78,137,.24),transparent 34%),
    radial-gradient(ellipse at 73% 42%,rgba(53,66,188,.13),transparent 30%),
    radial-gradient(circle at 86% 86%,rgba(37,187,154,.10),transparent 23%),
    linear-gradient(135deg,#02050b,#050a13 48%,#020609) !important;
}
body:has(.login-shell):before {
  opacity: .55;
  background-size: 68px 68px;
  -webkit-mask-image: radial-gradient(ellipse at 48% 48%,black,transparent 78%);
  mask-image: radial-gradient(ellipse at 48% 48%,black,transparent 78%);
}
body:has(.login-shell) .login-shell {
  grid-template-columns: minmax(0,1fr) clamp(430px,29vw,510px) !important;
  gap: clamp(38px,5vw,92px);
  width: min(1680px,calc(100vw - 96px)) !important;
  min-height: min(820px,calc(100vh - 70px)) !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none;
}
body:has(.login-shell) .login-shell:before {
  left: -18px;
  top: 5%;
  width: 90px;
  height: 90px;
  border-color: rgba(202,255,50,.34);
  opacity: .7;
}
body:has(.login-shell) .login-shell:after {
  right: -18px;
  bottom: 5%;
  width: 90px;
  height: 90px;
  border-color: rgba(92,117,255,.34);
  opacity: .7;
}
body:has(.login-shell) .brand-panel {
  overflow: visible;
  min-height: 100%;
  padding: clamp(32px,4vw,68px) 0 clamp(25px,3vw,48px) !important;
  border: 0;
  background: transparent !important;
}
body:has(.login-shell) .brand-panel:before {
  inset: 7% -4% 7% -5%;
  opacity: .22;
  border-radius: 44px;
  background-size: 38px 38px;
  -webkit-mask-image: radial-gradient(ellipse at 44% 47%,black,transparent 74%);
  mask-image: radial-gradient(ellipse at 44% 47%,black,transparent 74%);
}
body:has(.login-shell) .brand-panel:after {
  content: "NODE 01  /  SYSTEM ONLINE";
  top: 40px;
  right: 7%;
  padding: 7px 11px;
  border: 1px solid rgba(202,255,50,.13);
  border-radius: 20px;
  color: #95aa66;
  background: rgba(202,255,50,.035);
}
body:has(.login-shell) .brand {
  padding: 0 !important;
  font-size: 20px;
}
body:has(.login-shell) .brand>span {
  width: 52px !important;
  height: 52px !important;
  border-color: rgba(202,255,50,.62) !important;
  color: #091003 !important;
  background: linear-gradient(145deg,#ddff70,#9ee800) !important;
  box-shadow: 0 0 0 7px rgba(202,255,50,.04),0 0 34px rgba(202,255,50,.18) !important;
}
body:has(.login-shell) .brand-copy {
  width: min(730px,78%);
  max-width: none;
  margin: auto 0;
  transform: translateY(-20px);
}
body:has(.login-shell) .brand-copy p { margin-bottom: 18px; font-size: 10px; }
body:has(.login-shell) .brand-copy h1 {
  margin-bottom: 24px;
  font-size: clamp(50px,4.5vw,76px);
  line-height: 1.08;
  letter-spacing: -.07em;
  background: linear-gradient(110deg,#ffffff 0 60%,#9eabc0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body:has(.login-shell) .brand-copy>span { max-width: 590px; color: #8291a6; font-size: 14px; line-height: 1.9; }
body:has(.login-shell) .security-points { width: min(690px,78%); gap: 12px; }
body:has(.login-shell) .security-points span {
  min-height: 76px;
  justify-content: center;
  padding: 15px;
  border-color: rgba(159,182,215,.12);
  background: linear-gradient(145deg,rgba(16,27,42,.72),rgba(7,13,22,.45));
  box-shadow: inset 0 1px rgba(255,255,255,.025),0 15px 40px rgba(0,0,0,.12);
}
body:has(.login-shell) .security-points i { font-size: 10px; }

body:has(.login-shell) .auth-orbit {
  width: 680px;
  height: 680px;
  right: -11%;
  bottom: -38%;
  opacity: .88;
  filter: drop-shadow(0 0 42px rgba(52,89,182,.14));
}
body:has(.login-shell) .orbit-core {
  inset: 196px;
  background:
    radial-gradient(circle at 35% 28%,rgba(202,255,50,.33),transparent 8%),
    radial-gradient(circle at 42% 34%,rgba(72,112,208,.35),rgba(13,28,52,.84) 54%,rgba(3,8,16,.94) 75%);
  box-shadow: 0 0 75px rgba(75,107,226,.18),inset -38px -38px 70px rgba(0,0,0,.56);
}
body:has(.login-shell) .auth-orbit>i { inset: 75px; border-color: rgba(123,151,205,.19); }
body:has(.login-shell) .auth-orbit>i:nth-of-type(2) { inset: 126px; border-color: rgba(202,255,50,.20); }
body:has(.login-shell) .auth-orbit>i:nth-of-type(3) { inset: 15px; }

body:has(.login-shell) .login-panel {
  align-self: center;
  justify-self: end;
  width: 100%;
  min-height: 640px;
  padding: 58px 52px !important;
  overflow: hidden;
  border: 1px solid rgba(150,177,218,.17) !important;
  border-radius: 26px;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 100% 0,rgba(85,105,240,.19),transparent 38%),
    linear-gradient(145deg,rgba(13,22,35,.97),rgba(5,10,17,.98)) !important;
  background-size: 28px 28px,28px 28px,auto,auto !important;
  box-shadow: 0 38px 110px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035),0 0 70px rgba(67,87,194,.07);
  backdrop-filter: blur(24px);
}
body:has(.login-shell) .login-panel:before {
  content: "AUTHORIZATION GATE  /  ENCRYPTED";
  left: 35px;
  bottom: 27px;
  color: #48566d;
}
body:has(.login-shell) .login-panel:after { right: -96px; top: -68px; border-color: rgba(202,255,50,.09); }
body:has(.login-shell) .login-panel form { width: 100%; max-width: 390px; }
body:has(.login-shell) .status-pill { margin-bottom: 36px; }
body:has(.login-shell) .login-panel h2 { font-size: 34px; }
body:has(.login-shell) #formHint { margin-bottom: 37px; }
body:has(.login-shell) .login-panel input { height: 52px; font-size: 13px; }
body:has(.login-shell) .login-panel #submitBtn {
  min-height: 54px;
  border-color: var(--auth-lime) !important;
  color: #081004 !important;
  background: linear-gradient(135deg,#ddff70,#a9ed08) !important;
  box-shadow: 0 13px 34px rgba(176,233,25,.18) !important;
}
body:has(.login-shell) .login-panel #submitBtn:hover { box-shadow: 0 16px 42px rgba(176,233,25,.27) !important; }
body:has(.login-shell) .auth-links a { color: var(--auth-lime) !important; }

body:has(.login-shell) .auth-ambient i:nth-child(1) { border-color: rgba(84,116,180,.14); box-shadow: 0 0 130px rgba(52,93,177,.08); }
body:has(.login-shell) .auth-ambient i:nth-child(2) { border-color: rgba(202,255,50,.08); }

@media(max-width:1050px) {
  body:has(.login-shell) { padding: 18px !important; }
  body:has(.login-shell) .login-shell { grid-template-columns: 1fr !important; width: min(650px,100%) !important; min-height: auto !important; gap: 0; }
  body:has(.login-shell) .brand-panel { min-height: 260px; padding: 28px 30px !important; border: 1px solid rgba(150,177,218,.14); border-bottom: 0; border-radius: 22px 22px 0 0; background: radial-gradient(circle at 88% 16%,rgba(75,93,222,.32),transparent 29%),linear-gradient(145deg,#0c1727,#101c35) !important; }
  body:has(.login-shell) .brand-panel:after { display: none; }
  body:has(.login-shell) .brand-copy { width: 100%; margin: 48px 0 0; transform: none; }
  body:has(.login-shell) .brand-copy h1 { font-size: 35px; }.brand-copy>span { display: none !important; }
  body:has(.login-shell) .security-points { display: none; }
  body:has(.login-shell) .auth-orbit { width: 410px; height: 410px; right: -130px; bottom: -190px; }
  body:has(.login-shell) .orbit-core { inset: 120px; }
  body:has(.login-shell) .login-panel { min-height: 560px; padding: 44px 38px !important; border-radius: 0 0 22px 22px; }
}
@media(max-width:520px) {
  body:has(.login-shell) { padding: 8px !important; }
  body:has(.login-shell) .brand-panel { min-height: 210px; padding: 22px !important; }
  body:has(.login-shell) .brand { font-size: 15px; }.brand>span { width: 40px !important; height: 40px !important; }
  body:has(.login-shell) .brand-copy { margin-top: 34px; }.brand-copy p { font-size: 8px; }.brand-copy h1 { font-size: 27px !important; }
  body:has(.login-shell) .login-panel { min-height: 535px; padding: 36px 23px 43px !important; }
  body:has(.login-shell) .login-panel h2 { font-size: 28px; }
}