@layer utilities {
            .text-shadow {
                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
            }
            .card-hover {
                transition: all 0.3s ease;
            }
            .card-hover:hover {
                transform: translateY(-5px);
                box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
            }
            .desi-border {
                border-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="75" height="75"><path d="M0,0 L75,0 L75,75 L0,75 Z" fill="none" stroke="%23FFB703" stroke-width="8" stroke-dasharray="15,10,20,10" stroke-linecap="round"/>') 25;
            }
        }