@layer utilities {
            .text-shadow {
                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
            }
            .btn-bounce {
                transition: transform 0.2s;
            }
            .btn-bounce:hover {
                transform: translateY(-3px);
            }
            .card-hover {
                transition: all 0.3s ease;
            }
            .card-hover:hover {
                box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
                transform: translateY(-5px);
            }
            .img-watermark {
                position: relative;
            }
            .img-watermark::after {
                content: "Tennis Stars of India";
                position: absolute;
                bottom: 10px;
                right: 10px;
                background: rgba(0, 0, 0, 0.5);
                color: white;
                padding: 2px 8px;
                font-size: 12px;
                border-radius: 3px;
            }
        }