/* The original outlined cards retain their dimensions and fan arrangement. */
.login-brand{container-type:inline-size}
.login-brand h1.login-title{
 font-size:clamp(22px,9.5cqi,76px);
 white-space:nowrap;
 line-height:1.2;
 letter-spacing:-.045em;
 width:max-content;
 max-width:100%;
 color:#fff;
}
@supports (background-clip:text) or (-webkit-background-clip:text){
 .login-brand h1.login-title{
  background:linear-gradient(100deg,#fff 0%,#fff 30%,#92f3e5 44%,#3ad4cb 50%,#b3ffef 56%,#fff 70%,#fff 100%);
  background-size:280% 100%;
  background-position:100% 50%;
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  animation:title-turquoise 14s ease-in-out infinite alternate;
 }
}
.login-orbit{width:min(100%,370px);height:140px;margin:48px 0 60px}
.login-orbit span{
 --slot:-2;--card-tilt:-14deg;
 width:140px;height:94px;left:50%;top:22px;
 transform-origin:center;
 animation:card-breathe 22s ease-in-out infinite;
 will-change:transform;
}
.login-orbit span:nth-child(2){--slot:-1;--card-tilt:-7deg;left:50%;top:16px}
.login-orbit span:nth-child(3){--slot:0;--card-tilt:0deg;left:50%;top:12px}
.login-orbit span:nth-child(4){--slot:1;--card-tilt:7deg;top:16px}
.login-orbit span:nth-child(5){--slot:2;--card-tilt:14deg;top:22px}
@keyframes title-turquoise{
 from{background-position:100% 50%}
 to{background-position:0% 50%}
}
@keyframes card-breathe{
 0%,100%{transform:translateX(calc(-50% + var(--slot) * 25px)) rotate(var(--card-tilt))}
 50%{transform:translateX(calc(-50% + var(--slot) * 43px)) rotate(var(--card-tilt))}
}
.login-shell.hidden .login-title,.login-shell.hidden .login-orbit span{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
 .login-brand h1.login-title{animation:none;background-position:50% 50%}
 .login-orbit span{animation:none;transform:translateX(calc(-50% + var(--slot) * 34px)) rotate(var(--card-tilt));will-change:auto}
}
@media(forced-colors:active){
 .login-brand h1.login-title{color:CanvasText;-webkit-text-fill-color:CanvasText;background:none;animation:none}
}