@media(min-width:1024px){
    .comingSoon-page {
          height:60vh;
          padding-top: 6.8rem;
    }
}
        .icon-container i {
            font-size: 64px;
            color: #333;
        }

        h1 {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            color: #333;
            animation: fadeIn 1.5s ease-out;
        }

        .message {
            font-size: 1.2rem;
            color: #666;
            animation: slideUp 1.5s ease-out;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

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

        .watch-icon {
            animation: pulse 2s infinite;
            display: inline-block;
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }