.hero-gradient {
            background: linear-gradient(135deg, rgba(15, 32, 39, 0.9) 0%, rgba(32, 58, 67, 0.85) 50%, rgba(44, 83, 100, 0.8) 100%);
        }
        .flink {
            @apply px-4 py-2 rounded-lg border border-gray-300 hover:border-blue-600 hover:text-blue-600 transition-colors duration-300 bg-white shadow-sm hover:shadow-md;
        }
        .service-card:hover .service-icon {
            transform: scale(1.1) rotate(5deg);
        }
        .project-img {
            transition: transform 0.7s ease;
        }
        .project-item:hover .project-img {
            transform: scale(1.03);
        }
        .text-shadow {
            text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
        }
        .section-padding {
            @apply py-16 lg:py-24;
        }