.login-shell{position:relative;padding:0}.login-brand-main{position:absolute;z-index:3;top:30px;left:42px;margin:0}.login-panel{padding-top:44px;padding-bottom:44px}.login-intro{margin-bottom:24px}@media(max-width:800px){.login-brand-main{top:24px;left:28px}.login-visual{padding-top:82px}.login-panel{padding-top:36px;padding-bottom:36px}}@media(max-width:540px){.login-brand-main{top:28px;left:24px}.login-panel{padding-top:132px}.login-visual{display:none}}

@media(min-width:801px){.login-visual{align-items:flex-start;padding:96px 42px 28px;background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--accent),transparent 72%),transparent 38%),radial-gradient(circle at 88% 90%,color-mix(in srgb,var(--primary),transparent 76%),transparent 42%),linear-gradient(145deg,color-mix(in srgb,var(--surface-2),var(--accent) 18%),color-mix(in srgb,var(--primary-soft),var(--surface) 18%))}}

.login-visual-image{width:100%;aspect-ratio:1;overflow:hidden;border:1px solid color-mix(in srgb,var(--border),transparent 24%);border-radius:28px;box-shadow:0 28px 60px color-mix(in srgb,var(--primary),transparent 80%)}.login-visual-image>img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 48%;animation:login-visual-breathe 18s ease-in-out infinite;will-change:transform}@keyframes login-visual-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}[data-theme=dark] .login-visual-image>img{filter:saturate(.88) brightness(.82)}@media(max-width:800px){.login-visual-image{border-radius:20px}}@media(prefers-reduced-motion:reduce){.login-visual-image>img{animation:none;will-change:auto}}