@layer utilities {
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .text-shadow-lg {
        text-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
    .gradient-bg {
        background: linear-gradient(135deg, #1E90FF 0%, #87CEFA 100%);
    }
    .gradient-text {
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        background-image: linear-gradient(135deg, #1E90FF 0%, #0066CC 100%);
    }
    .card-hover {
        transition: all 0.3s ease;
    }
    .card-hover:hover {
        transform: translateY(-5px);
    }
    .btn-hover {
        transition: all 0.3s ease;
    }
    .btn-hover:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(30, 144, 255, 0.4);
    }
    .menu-btn-active {
        background-color: #1E90FF;
        color: white;
    }
}