.fade-in {
            animation: fadeIn 0.5s ease forwards;
        }
        
        .fade-out {
            animation: fadeOut 0.5s ease forwards;
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes fadeOut {
            from {
                opacity: 1;
                transform: translateY(0);
            }
            to {
                opacity: 0;
                transform: translateY(-10px);
            }
        }
        
        .auth-side-wrapper {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            padding: 1rem;
            background: #f5f5f5;
            min-height: 100%;
        }
        
        .auth-side-wrapper img {
            max-width: 120px;
            height: auto;
            object-fit: contain;
        }
        
        .login-logo {
            display: block;
            max-width: 160px;
            height: auto;
            margin-bottom: 1rem;
            border-radius: 8px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
        }
        
        @media (max-width: 768px) {
            .auth-side-wrapper img {
                max-width: 80px;
            }
            .login-logo {
                max-width: 120px;
            }
        }