.login-page-background{--login-bg-overlay:linear-gradient(to bottom right,color-mix(in oklch,var(--color-base-300)70%,transparent),color-mix(in oklch,var(--color-base-100)85%,transparent));--login-bg-image:url(/images/optimized/loginbg3.webp);background-blend-mode:overlay;background-position:50%;background-size:cover;background-image:var(--login-bg-overlay),var(--login-bg-image);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{width:100%;max-width:48rem;box-shadow:0 10px 50px color-mix(in oklch,var(--color-base-content)20%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.3s ease-out forwards fadeIn}