@keyframes stepLogoRevealCentered{from{opacity:0;filter:blur(12px);transform:scale(.92)}to{opacity:1;filter:blur(0);transform:scale(1)}}
@keyframes stepLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes stepLogoSheen{0%{transform:translateX(-135%) skewX(-20deg)}100%{transform:translateX(235%) skewX(-20deg)}}
@keyframes stepLogoStatusFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

#login-modal[data-intranet-premium="1"] .login-panel--visual{
  background:linear-gradient(150deg,#fbfdfe 0%,#eef6fa 43%,#dcecf4 100%)!important;
  border-color:rgba(201,219,229,.76)!important;
  box-shadow:0 28px 75px rgba(42,79,137,.12),inset 0 1px 0 rgba(255,255,255,.98)!important;
}

#login-modal[data-intranet-premium="1"] .login-panel--visual::before{
  background:
    linear-gradient(125deg,rgba(255,255,255,.92) 0 13%,transparent 13% 26%,rgba(255,255,255,.48) 26% 39%,transparent 39% 100%),
    repeating-linear-gradient(134deg,rgba(69,124,164,.085) 0 1.5px,transparent 1.5px 112px),
    linear-gradient(116deg,transparent 0 58%,rgba(255,255,255,.22) 58% 69%,transparent 69% 100%)!important;
  opacity:1!important;
}

#login-modal[data-intranet-premium="1"] .login-panel--visual::after{
  inset:auto!important;
  left:-18%!important;
  bottom:-24%!important;
  width:72%!important;
  height:72%!important;
  border-radius:44%!important;
  background:radial-gradient(circle,rgba(118,184,221,.16),rgba(118,184,221,0) 68%)!important;
  animation:stepLogoFloat 8s ease-in-out infinite!important;
}

#login-modal[data-intranet-premium="1"] .login-visual-content{
  display:block!important;
  padding:0!important;
  overflow:hidden!important;
}

#login-modal[data-intranet-premium="1"] .intranet-logo-background{
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(137deg,transparent 0 18%,rgba(255,255,255,.36) 18% 28%,transparent 28% 42%,rgba(255,255,255,.2) 42% 52%,transparent 52% 100%);
}

#login-modal[data-intranet-premium="1"] .intranet-logo-background::before,
#login-modal[data-intranet-premium="1"] .intranet-logo-background::after{
  content:"";
  position:absolute;
  inset:-20%;
  pointer-events:none;
}

#login-modal[data-intranet-premium="1"] .intranet-logo-background::before{
  background:repeating-linear-gradient(134deg,transparent 0 104px,rgba(81,132,169,.07) 104px 106px,transparent 106px 214px);
}

#login-modal[data-intranet-premium="1"] .intranet-logo-background::after{
  background:linear-gradient(120deg,rgba(255,255,255,.55),transparent 42% 65%,rgba(197,224,238,.14));
  mix-blend-mode:screen;
}

#login-modal[data-intranet-premium="1"] .intranet-logo-sheen{
  position:absolute;
  z-index:1;
  top:-20%;
  left:-28%;
  width:34%;
  height:150%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent);
  filter:blur(2px);
  transform:translateX(-135%) skewX(-20deg);
  animation:stepLogoSheen 2.2s .65s cubic-bezier(.22,1,.36,1) forwards;
  pointer-events:none;
}

#login-modal[data-intranet-premium="1"] .intranet-logo-stage{
  position:absolute;
  z-index:5;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  animation:stepLogoFloat 6.5s 1.2s ease-in-out infinite;
}

#login-modal[data-intranet-premium="1"] .intranet-logo-stage::before{
  content:"";
  position:absolute;
  width:min(58%,560px);
  aspect-ratio:1.55;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,255,255,.82) 0%,rgba(255,255,255,.34) 44%,rgba(255,255,255,0) 72%);
  filter:blur(9px);
}

#login-modal[data-intranet-premium="1"] .intranet-visual-center-logo{
  position:relative!important;
  z-index:2;
  left:auto!important;
  top:auto!important;
  display:block;
  width:clamp(300px,38%,470px);
  max-width:46%;
  max-height:180px;
  height:auto;
  margin:0 auto;
  object-fit:contain;
  transform:none!important;
  filter:drop-shadow(0 18px 30px rgba(27,88,132,.11));
  opacity:0;
  animation:stepLogoRevealCentered .95s .2s cubic-bezier(.22,1,.36,1) forwards;
}

#login-modal[data-intranet-premium="1"] .intranet-logo-orbit{
  position:absolute;
  z-index:2;
  border:1px solid rgba(64,126,168,.08);
  border-radius:30px;
  transform:rotate(-46deg);
  pointer-events:none;
}

#login-modal[data-intranet-premium="1"] .intranet-logo-orbit--one{
  width:440px;
  height:110px;
  left:-120px;
  top:24%;
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.38),rgba(255,255,255,.04));
  animation:stepLogoFloat 7.6s ease-in-out infinite;
}

#login-modal[data-intranet-premium="1"] .intranet-logo-orbit--two{
  width:510px;
  height:116px;
  right:-180px;
  bottom:17%;
  background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.34),rgba(255,255,255,.08));
  animation:stepLogoFloat 8.4s -2.2s ease-in-out infinite reverse;
}

#login-modal[data-intranet-premium="1"] .intranet-logo-status{
  position:absolute;
  z-index:7;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(181,207,221,.72);
  border-radius:13px;
  background:rgba(255,255,255,.72);
  color:#486b86;
  box-shadow:0 13px 32px rgba(42,79,137,.08);
  backdrop-filter:blur(15px);
  font-size:10px;
  font-weight:750;
  letter-spacing:.02em;
  animation:stepLogoStatusFloat 5.8s ease-in-out infinite;
}

#login-modal[data-intranet-premium="1"] .intranet-logo-status svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:#178cc9;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#login-modal[data-intranet-premium="1"] .intranet-logo-status--left{left:5.5%;bottom:7%}
#login-modal[data-intranet-premium="1"] .intranet-logo-status--right{right:5.5%;top:7%;animation-delay:-2.4s}

@media(max-width:1180px){
  #login-modal[data-intranet-premium="1"] .intranet-visual-center-logo{width:clamp(270px,40%,410px)}
  #login-modal[data-intranet-premium="1"] .intranet-logo-status{font-size:9px}
}

@media(max-width:980px){
  #login-modal[data-intranet-premium="1"] .intranet-visual-center-logo{width:clamp(230px,40vw,350px);max-width:56%}
  #login-modal[data-intranet-premium="1"] .intranet-logo-status{display:none}
  #login-modal[data-intranet-premium="1"] .intranet-logo-orbit--one{left:-210px}
  #login-modal[data-intranet-premium="1"] .intranet-logo-orbit--two{right:-250px}
}

@media(max-width:620px){
  #login-modal[data-intranet-premium="1"] .intranet-visual-center-logo{width:min(64%,280px);max-width:64%}
  #login-modal[data-intranet-premium="1"] .intranet-logo-stage::before{width:78%}
  #login-modal[data-intranet-premium="1"] .intranet-logo-orbit{display:none}
}

@media(prefers-reduced-motion:reduce){
  #login-modal[data-intranet-premium="1"] .intranet-logo-stage,
  #login-modal[data-intranet-premium="1"] .intranet-visual-center-logo,
  #login-modal[data-intranet-premium="1"] .intranet-logo-status,
  #login-modal[data-intranet-premium="1"] .intranet-logo-orbit,
  #login-modal[data-intranet-premium="1"] .intranet-logo-sheen{animation:none!important;opacity:1!important;transform:none!important}
}