.animate-float {
            animation: float 3s ease-in-out infinite;
        }
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        .section-highlight {
            transition: all 0.3s ease;
        }
        .section-highlight:hover {
            transform: translateX(5px);
        }
        #backToTop {
            display: none;
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 99;


        }

        .dark body {
      background: #111827;
    }
    
    .dark .bg-white {
      background-color: #1f2937;
    }
    
    .dark .text-gray-800 {
      color: #f3f4f6;
    }
    
    .dark .text-gray-600 {
      color: #d1d5db;
    }
    
    .dark .border-gray-300 {
      border-color: #4b5563;
    }