/* Custom CSS for Refat's Portfolio */

.badge {
    @apply px-3 py-1 bg-gray-800 text-gray-300 text-xs font-bold rounded border border-gray-700;
}

.section-title {
    @apply text-3xl md:text-4xl font-bold text-center text-white mb-12 uppercase tracking-widest;
}

.skill-card {
    @apply bg-gray-900 p-6 rounded border border-gray-800 hover:border-cyber-green transition-colors duration-300 hover:shadow-[0_0_10px_rgba(0,255,65,0.1)];
}

.cert-item {
    @apply p-4 bg-gray-900 rounded border-l-4 border-gray-700 hover:border-cyber-green transition-all;
}

.contact-btn {
    @apply flex items-center justify-center px-6 py-4 bg-gray-900 border border-cyber-green/30 text-white rounded hover:bg-cyber-green hover:text-black transition duration-300 font-mono;
}

/* Menu Hover Effect */
.menu-item a {
    @apply text-gray-400 hover:text-cyber-green transition-colors;
}

/* Custom Animation Utility */
.animate-spin-slow {
    animation: spin 10s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}