.login-backdrop{background:radial-gradient(40% 35% at 22% 30%,#3e9b6a29,#0000 70%),radial-gradient(35% 30% at 78% 26%,#8b6cf024,#0000 70%),radial-gradient(40% 32% at 70% 78%,#f0682a1f,#0000 70%),radial-gradient(38% 30% at 25% 80%,#3d8bdb1f,#0000 70%)}.login-cast{--mascot:76px;padding-bottom:6px;position:relative}@media (min-width:640px){.login-cast{--mascot:92px}}@media (min-width:1024px){.login-cast{--mascot:124px}}@media (min-width:375px) and (max-width:639px){.login-cast{--mascot:82px}}@media (max-height:700px) and (max-width:1023px){.login-cast{--mascot:58px}.login-caption{display:none}}.login-cast .agent-avatar{width:calc(var(--mascot) * var(--scale,1))!important;height:calc(var(--mascot) * var(--scale,1))!important}.login-cast:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--ink) 16%, transparent), transparent);z-index:-1;border-radius:50%;height:18%;position:absolute;inset:auto 8% -2px}.login-mascot{animation:login-pop .75s var(--ease-out) both;animation-delay:calc(var(--i) * 90ms + .12s);margin-inline:-.35rem;display:inline-grid}.login-mascot .agent-avatar-body>svg{transform:translate(calc(var(--look-x,0) * 3%), calc(var(--look-y,0) * 2.4%));transition:transform .2s ease-out}.login-mascot:nth-child(3){z-index:1}.login-card{animation:login-rise .6s .25s var(--ease-out) both}@keyframes login-pop{0%{opacity:0;transform:translateY(28px)scale(.7)}70%{opacity:1;transform:translateY(-4px)scale(1.03)}to{opacity:1;transform:none}}@keyframes login-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.login-mascot,.login-card{animation:none}.login-mascot .agent-avatar-body>svg{transition:none}}