@layer utilities {
            .text-shadow {
                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
            }
            .nav-active {
                @apply border-b-2 border-ocean-accent text-ocean-dark;
            }
            .watermark {
                position: relative;
            }
            .watermark::after {
                content: "Ocean Exploration: Indian Edition";
                position: absolute;
                bottom: 10px;
                right: 10px;
                color: rgba(255, 255, 255, 0.5);
                font-size: 0.8rem;
                font-weight: bold;
                transform: rotate(-15deg);
            }
        }