.cloud {
            animation: float 20s infinite ease-in-out;
        }
        
        .cloud-2 {
            animation: float 25s infinite ease-in-out 2s;
        }
        
        .cloud-3 {
            animation: float 18s infinite ease-in-out 5s;
        }
        
        .sun {
            animation: glow 8s infinite alternate;
        }
        
        @keyframes float {
            0% { transform: translateX(0); }
            50% { transform: translateX(40px); }
            100% { transform: translateX(0); }
        }
        
        @keyframes glow {
            0% { filter: drop-shadow(0 0 5px rgba(255, 204, 0, 0.6)); }
            100% { filter: drop-shadow(0 0 20px rgba(255, 204, 0, 0.9)); }
        }
        
        .teacher-profile {
            animation: gentle-bounce 6s infinite ease-in-out;
        }
        
        @keyframes gentle-bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }