.login-form input{transition:all .3s ease}.login-form input:hover:not(:focus){transform:translateY(-1px);box-shadow:0 2px 8px rgba(147,51,234,.1)}.login-form input:focus{transform:translateY(-2px);box-shadow:0 4px 12px rgba(147,51,234,.15)}.role-card{transition:all .3s ease}.role-card:hover{transform:translateY(-2px)}.login-button{position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-button:hover:before{left:100%}.gradient-bg{background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes floatBubble{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}33%{transform:translateY(-30px) translateX(20px) rotate(120deg)}66%{transform:translateY(-15px) translateX(-20px) rotate(240deg)}}.float-bubble{animation:floatBubble 20s ease-in-out infinite}