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