.auth-container{--chat-max-width: 480px}.bg-gradient-overlay{background:linear-gradient(180deg,var(--alpha-background-overlay-primary) 0%,var(--alpha-background-overlay-light) 100%)}.btn-primary-gradient{background:linear-gradient(175.39deg,var(--alpha-primary-start) 0%,var(--alpha-primary-end) 100%)}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.animate-slide-left{animation:slideLeft 60s linear infinite}.animate-slide-right{animation:slideRight 60s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.testimonial-fade-in{animation:fadeIn .6s ease-in-out forwards}.testimonial-fade-out{animation:fadeOut .6s ease-in-out forwards}@media (max-width: 768px){.auth-layout{flex-direction:column}.auth-image,.auth-content{width:100%}.auth-content{padding:2rem}}@media (max-width: 640px){.animate-slide-left,.animate-slide-right{animation-duration:120s}}@media (min-width: 640px) and (max-width: 1023px){.onboarding-container{padding:1.5rem}}@media (max-width: 639px){.onboarding-container{padding:1rem}}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{animation:fadeInUp 1s ease-out 2s both}.scroll-arrow{animation:bounceArrow 2s ease-in-out infinite}.scroll-indicator:hover .scroll-arrow svg{filter:drop-shadow(0 0 8px rgba(253,253,253,.4));transition:filter .3s ease}@keyframes fadeInAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeInAnimation .6s ease-out forwards}.animate-slide-down{animation:slideDown .6s ease-out forwards}.animate-scale-in{animation:scaleIn .5s ease-out forwards}.animate-bounce-slow{animation:bounceSlow 3s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
