.login-page-wrapper{position:relative;min-height:100vh;overflow:hidden;background-color:var(--gray-1)}.login-container{min-height:80vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}.login-card{width:100%;max-width:420px;padding:2rem;border-radius:.75rem;backdrop-filter:blur(10px);border:1px solid var(--gray-6);box-shadow:0 8px 32px rgba(0,0,0,.12);position:relative;z-index:10}.dark .login-card,.dark-theme .login-card{background-color:var(--gray-2);border-color:var(--gray-7);box-shadow:0 8px 32px rgba(0,0,0,.3)}.light .login-card,.light-theme .login-card{background-color:var(--gray-1);border-color:var(--gray-6);box-shadow:0 8px 32px rgba(0,0,0,.12)}.login-description{margin-bottom:0}.login-form{gap:1rem}.login-form,.login-form-field{display:flex;flex-direction:column}.login-form-field{gap:.5rem}.login-button{width:100%;margin-top:.5rem}.login-separator{margin:1rem 0}.login-footer{text-align:center}.login-footer-text{margin-bottom:0}.login-link{padding:0;height:auto;vertical-align:baseline;font-weight:500}.login-gradient-splash-1{top:-20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,var(--green-a3) 0,transparent 70%);opacity:.1;animation:float 20s ease-in-out infinite}.login-gradient-splash-1,.login-gradient-splash-2{position:absolute;border-radius:50%;pointer-events:none;z-index:1}.login-gradient-splash-2{bottom:-15%;left:-8%;width:400px;height:400px;background:radial-gradient(circle,var(--violet-a3) 0,transparent 70%);opacity:.7;animation:float 25s ease-in-out infinite reverse}.login-gradient-splash-3{position:absolute;top:50%;right:-5%;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,var(--yellow-a3) 0,transparent 70%);opacity:.1;animation:float 30s ease-in-out infinite;pointer-events:none;z-index:1}.dark .login-gradient-splash-1,.dark-theme .login-gradient-splash-1{background:radial-gradient(circle,var(--green-a4) 0,transparent 70%);opacity:.2}.dark .login-gradient-splash-2,.dark-theme .login-gradient-splash-2{background:radial-gradient(circle,var(--violet-a4) 0,transparent 70%);opacity:.15}.dark .login-gradient-splash-3,.dark-theme .login-gradient-splash-3{background:radial-gradient(circle,var(--yellow-a4) 0,transparent 70%);opacity:.18}.login-floating-icon{position:absolute;opacity:.5;pointer-events:none;z-index:2;animation:floatIcon 6s ease-in-out infinite;padding:8px;border-radius:8px;border:2px solid var(--gray-7);background-color:var(--gray-4);box-shadow:0 8px 32px rgba(0,0,0,.32)}.dark .login-floating-icon,.dark-theme .login-floating-icon{opacity:.2}.login-float-icon-1{top:15%;left:10%;animation-delay:0s;color:var(--red-9)}.dark .login-float-icon-1,.dark-theme .login-float-icon-1{color:var(--green-11)}.login-float-icon-2{top:20%;right:12%;animation-delay:1s;color:var(--blue-9)}.dark .login-float-icon-2,.dark-theme .login-float-icon-2{color:var(--blue-11)}.login-float-icon-3{bottom:15%;left:8%;animation-delay:2s;color:var(--yellow-9)}.dark .login-float-icon-3,.dark-theme .login-float-icon-3{color:var(--yellow-11)}.login-float-icon-4{top:52%;right:25%;animation-delay:1.5s;color:var(--violet-9)}.dark .login-float-icon-4,.dark-theme .login-float-icon-4{color:var(--violet-11)}.login-float-icon-5{bottom:20%;right:10%;animation-delay:.5s;color:var(--red-9)}.dark .login-float-icon-5,.dark-theme .login-float-icon-5{color:var(--red-11)}.login-float-icon-6{top:40%;left:15%;animation-delay:2.5s;color:var(--green-10)}.dark .login-float-icon-6,.dark-theme .login-float-icon-6{color:var(--green-11)}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@media (max-width:768px){.login-gradient-splash-1,.login-gradient-splash-2,.login-gradient-splash-3{width:300px;height:300px}.login-logo{top:1rem;left:1rem}}@media (max-width:640px){.login-container{padding:.75rem}.login-card{padding:1.5rem;max-width:100%}.login-gradient-splash-1,.login-gradient-splash-2,.login-gradient-splash-3{width:250px;height:250px}.login-logo{top:.75rem;left:.75rem}}@media (max-width:480px){.login-gradient-splash-1,.login-gradient-splash-2,.login-gradient-splash-3{opacity:.2}}