/* wwwroot/assets/css/login-anim.css */
.animated-login form{position:relative}
.animated-login .svgContainer{position:relative;width:200px;height:200px;margin:0 auto 1em;border-radius:50%;background:none;border:2.5px solid #3A5E77;overflow:hidden;pointer-events:none}
.animated-login .svgContainer>div{position:relative;width:100%;height:0;overflow:hidden;padding-bottom:100%}
.animated-login .svgContainer .mySVG{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.animated-login .inputGroup{margin:0 0 2em;position:relative}
.animated-login .inputGroup:last-of-type{margin-bottom:0}
.animated-login .inputGroup label{margin:0 0 12px;display:block;font-size:1.05rem;color:#217093;font-weight:700}
.animated-login .helper{position:absolute;z-index:1}
.animated-login .helper1{top:0;left:0;transform:translate(1.4em,2.6em) scale(1);transform-origin:0 0;color:#217093;font-size:1rem;font-weight:400;opacity:.65;pointer-events:none;transition:transform .2s ease-out,opacity .2s linear}
.animated-login .inputGroup1.focusWithText .helper{transform:translate(1.4em,2.0em) scale(.65);opacity:1}

/* Optional: inputs look & focus (respetando Bootstrap) */
.animated-login input.email,
.animated-login input.password{
  background:#f3fafd;border:2px solid #217093;height:56px;font-weight:600
}
.animated-login input.email:focus,
.animated-login input.password:focus{
  outline:none;box-shadow:0 2px 10px rgba(0,0,0,.06);border-color:#4eb8dd
}