.signin-container{position:relative;overflow:hidden}@keyframes pulse{0%{opacity:.2;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}to{opacity:.2;transform:scale(1)}}.decorative-circle{animation:8s ease-in-out infinite pulse}.decorative-circle:nth-child(2){animation-delay:2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-container{animation:.6s ease-out forwards fadeInUp}.form-field{opacity:0;animation:.5s ease-out forwards fadeInUp}.form-field:first-child{animation-delay:.2s}.form-field:nth-child(2){animation-delay:.3s}.form-field:nth-child(3){animation-delay:.4s}.signin-button{transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.signin-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px -5px #ffb00066}.signin-button:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.signin-button:hover:after{left:100%}.input-focus-effect:focus{border-color:var(--app-yellow);box-shadow:0 0 0 2px #ffb0004d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quote-container{opacity:0;animation:1s ease-out .5s forwards fadeIn}.hover-link{position:relative}.hover-link:after{content:"";background-color:var(--app-yellow);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.hover-link:hover:after{width:100%}@keyframes logoEntrance{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo-animation{animation:.8s ease-out forwards logoEntrance}