@keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .fade-in-up {
            animation: fadeInUp 0.3s ease-out forwards;
        }

        #senha-group {
            opacity: 0;
        }
        
        #senha-group.fade-in-up {
            opacity: 1;
        }

        @media (max-width: 768px) {
            .fade-in-up {
                animation: none;
                opacity: 1;
            }
            
            .animate-spin {
                opacity: 1 !important;
                visibility: visible !important;
            }
        }

        @media (min-width: 768px) and (max-width: 1024px) {
            .md\:w-1\/2 {
                width: 100%;
            }
            
            .md\:flex-row {
                flex-direction: column;
            }
            
            .md\:min-h-screen {
                min-height: 45vh;
            }
        }