/* Motion is confined to the identity panel; authentication controls stay still. */
.login-title-line{display:inline-block}
.access-intro .access-lines{pointer-events:none}
.login-motion-pause{position:relative;z-index:1;display:flex;align-items:center;gap:7px;margin-top:20px;color:#aaa;font:10px Arial,sans-serif;cursor:pointer;width:fit-content}
.login-motion-pause input{accent-color:#d2f04a;width:12px;height:12px;margin:0}
.login-motion-pause input:focus-visible{outline:2px solid #d2f04a;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){
 .login-title-line{animation:login-enter 1.1s cubic-bezier(.16,1,.3,1) both,login-light 12s 1.1s ease-in-out infinite}
 .login-title-line:nth-child(3){animation-delay:.18s,7.1s}
 .access-intro>p:not(.eyebrow){animation:login-copy-light 16s ease-in-out infinite}
 .access-intro .access-lines{animation:login-lines-drift 18s ease-in-out infinite}
 .access-intro .eyebrow:before{animation:login-accent-light 12s ease-in-out infinite}
 .access-intro:has(.login-motion-pause input:checked) .login-title-line{animation-play-state:running,paused}
 .access-intro:has(.login-motion-pause input:checked)>p:not(.eyebrow),.access-intro:has(.login-motion-pause input:checked) .access-lines,.access-intro:has(.login-motion-pause input:checked) .eyebrow:before{animation-play-state:paused}
}
@keyframes login-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes login-light{0%,100%{color:#f5f5f1;text-shadow:0 0 0 transparent}50%{color:#c8d2b8;text-shadow:0 0 22px rgba(210,240,74,.08)}}
@keyframes login-copy-light{0%,100%{color:#999}50%{color:#b4b8ae}}
@keyframes login-lines-drift{0%,100%{transform:translate(0,0) rotate(45deg);opacity:.65}50%{transform:translate(-10px,-10px) rotate(45deg);opacity:1}}
@keyframes login-accent-light{0%,100%{opacity:.6}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.login-motion-pause{display:none}}