.auth-gradient-bg{background:linear-gradient(135deg,#f3f3f2,#fff,#e5e7eb)}.dark .auth-gradient-bg{background:linear-gradient(135deg,#111827,#1f2937,#0f172a)}@keyframes float-slow{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes float-medium{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-20px) scale(1.1)}}.floating-decoration{animation:float-slow 20s ease-in-out infinite}.floating-decoration:nth-child(2){animation:float-medium 15s ease-in-out infinite;animation-delay:2s}.auth-card{background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #59b9c626}.dark .auth-card{background:#1f2937d9;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000080}.input-glow{background-color:#fff;color:#1f2937}.dark .input-glow{background-color:#374151;color:#fff;border-color:#4b5563}.input-glow:focus{box-shadow:0 0 0 3px #59b9c61a,0 0 20px #59b9c633;border-color:#59b9c6}.dark .input-glow:focus{box-shadow:0 0 0 3px #59b9c633,0 0 20px #59b9c64d;border-color:#59b9c6}.auth-button{position:relative;overflow:hidden;transition:all .3s ease}.auth-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.auth-button:hover:before{width:300px;height:300px}.auth-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #59b9c666,0 8px 10px -6px #59b9c64d}.auth-button:active{transform:translateY(0)}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.auth-logo{animation:logoFloat 3s ease-in-out infinite}.auth-link{position:relative;transition:color .3s ease}.auth-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#59b9c6,#8b5cf6);transition:width .3s ease}.auth-link:hover:after{width:100%}.dark .auth-link{color:#9ca3af}.dark .auth-link:hover{color:#59b9c6}.auth-checkbox{position:relative;width:20px;height:20px;cursor:pointer;transition:all .3s ease}.auth-checkbox:checked{background:linear-gradient(135deg,#59b9c6,#4aa0ab);border-color:#59b9c6}.auth-checkbox:focus{box-shadow:0 0 0 3px #59b9c633}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.auth-error{animation:shake .5s ease-in-out}.auth-status{animation:fadeInUp .5s ease-out}.auth-divider{height:1px;background:linear-gradient(90deg,transparent,#59B9C6,transparent)}@keyframes spin{to{transform:rotate(360deg)}}.auth-spinner{animation:spin 1s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-fade-in{animation:fadeInUp .6s ease-out}.auth-fade-in-delay{animation:fadeInUp .6s ease-out .2s both}.password-toggle{transition:all .3s ease}.password-toggle:hover{color:#59b9c6;transform:scale(1.1)}.dark .auth-logo svg{filter:drop-shadow(0 0 10px rgba(89,185,198,.5))}.dark label{color:#d1d5db}.dark .input-glow::-moz-placeholder{color:#9ca3af}.dark .input-glow::placeholder{color:#9ca3af}@media(max-width:640px){.auth-card{border-radius:1rem;margin:1rem}.auth-gradient-bg{padding:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#59b9c6,#8b5cf6);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.gradient-border:focus-within:before{opacity:1}