/* Native password masking and form behavior stay intact beneath the magic. */
html[data-presentation=legacy] body.screen-auth .ux-connection{display:none!important}
html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced .auth-panel{isolation:isolate;background:linear-gradient(150deg,#fffef8 0%,#f5f4ec 67%,#e9f2ef 100%)}
html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced .auth-form-brand{position:relative;padding-bottom:22px;border-bottom:1px solid #97b0a54d}
html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced .auth-form-brand:after{content:'';position:absolute;left:0;bottom:-1px;width:52px;height:2px;background:linear-gradient(90deg,#947943,#26b9bc);box-shadow:0 0 13px #31c9d143}
html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced .auth-input{position:relative}
html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced #authPassword{padding-right:74px}
html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced :is(#authPassword,#authConfirm)[type=password]{color:#17858e;caret-color:#14606c;letter-spacing:.13em}
html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced :is(#authPassword,#authConfirm)::placeholder{letter-spacing:normal;color:#74898d}
html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced .auth-input .login-password-spark{position:absolute;z-index:2;left:auto;right:43px;top:50%;width:25px;text-align:center;transform:translateY(-50%);pointer-events:none;color:#ac925c;font:22px/1 Georgia,serif;opacity:.5;transition:opacity .18s,color .18s,text-shadow .18s}
html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced .auth-input .login-password-spark.is-active{color:#1e929c;opacity:1;text-shadow:0 0 12px #22bcca66}
html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced #authForm .login-input-pulse{border-color:#329f9f;box-shadow:0 0 0 3px #38c8c520,inset 0 0 14px #39c9ce0a}
html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced.login-feedback-pulse .auth-form-brand:after{background:#28b7bd;box-shadow:0 0 16px #28c9cd80}
html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced #authSubmit{position:relative;overflow:hidden;transition:background .25s,box-shadow .25s,transform .2s}
html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced #authSubmit:hover{box-shadow:inset 0 1px #a3efdf66,0 5px 22px #16748735}
html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced #authSubmit:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced :is(input,button,.login-password-spark){transition:none!important;animation:none!important}}
@media(max-width:700px){html[data-presentation=legacy] body.screen-auth{position:relative}html[data-presentation=legacy] body.screen-auth .login-feedback-enhanced .auth-panel{padding-bottom:100px}html[data-presentation=legacy][data-theme=weltenpark] body.screen-auth #audioToggle{position:absolute;left:auto;right:28px;bottom:24px;max-width:calc(100vw - 56px)}}