.auth-poppins,.auth-poppins *{font-family:var(--font-poppins), ui-sans-serif, system-ui, sans-serif!important}.hero-card{transform:rotate(var(--tilt,0deg));will-change:transform;font-size:clamp(.62rem,.533rem + .4343vw,1rem);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}.hero-card:hover{transform:rotate(var(--tilt,0deg)) translateY(-6px) scale(1.03);z-index:40;box-shadow:0 26px 50px -16px #4c2d7473!important}@media (prefers-reduced-motion:reduce){.hero-card{transition:none}}.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}@media (prefers-reduced-motion:reduce){.float-bubble{animation:none}}