.login-waves{position:absolute;top:0;right:-1px;bottom:0;width:clamp(145px,10vw,195px);overflow:hidden;pointer-events:none;z-index:5}.login-wave-layer{position:absolute;top:0;right:0;bottom:0;left:0;color:#fffdfd;opacity:var(--wave-opacity, 1);overflow:hidden;transform-origin:right center;transform:scaleX(var(--wave-amplitude, .8)) scaleY(3)}.login-wave-soft{--wave-amplitude: .9;transform:scaleX(var(--wave-amplitude)) scaleY(3) translate(-5px)}.login-wave-shadow{--wave-amplitude: 1;transform:scaleX(var(--wave-amplitude)) scaleY(1) translate(-10px)}.login-wave-track{position:absolute;inset:0 0 auto 0;height:200%;display:flex;flex-direction:column;animation:loginWaveScroll var(--wave-duration, 12s) linear infinite;animation-delay:var(--wave-delay, 0s);will-change:transform}.login-wave-tile{display:block;width:100%;height:50%;flex:0 0 50%}.login-wave-main .login-wave-track{--wave-duration: 18s;--wave-delay: -3s;z-index:3}.login-wave-soft .login-wave-track{--wave-duration: 10s;--wave-delay: -19s;z-index:2;filter:blur(.5px)}.login-wave-shadow .login-wave-track{--wave-duration: 10s;--wave-delay: -15s;z-index:1;filter:blur(1px)}@keyframes loginWaveScroll{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media(max-width:1180px){.login-waves{width:clamp(130px,11vw,170px)}}@media(max-width:768px){.login-waves{display:none}}@media(prefers-reduced-motion:reduce){.login-wave-track{animation:none}}@media(prefers-color-scheme:dark){.login-wave-layer{color:#1e1e1e}}