.text-glow {
      text-shadow: 0 0 5px theme('colors.accent-fire / 0.7'), 0 0 15px theme('colors.accent-fire / 0.5'), 0 0 25px theme('colors.accent-fire / 0.3');
    }
    .icon-glow {
       filter: drop-shadow(0 0 8px theme('colors.accent-fire / 0.8'));
    }
    .nav-link {  
      @apply flex items-center text-text-light hover:text-accent-fire transition-colors duration-300 relative group;
    }
    .nav-link i {
      @apply text-gray-400 transition-colors duration-300;
    }
    .nav-link:hover i {
      color: theme('colors.accent-fire'); 
    }
    .nav-link > span {
      @apply relative py-2;
    }
    .nav-link > span::after {
      content: '';
      @apply absolute bottom-0 left-0 w-0 h-0.5 bg-accent-fire rounded-full transition-all duration-400;
    }
    .nav-link:hover > span::after {
      @apply w-full;
    }
    .mobile-link {
      @apply text-3xl font-semibold text-text-light hover:text-accent-fire transition-colors duration-300 transform hover:scale-110;
    }
    .social-icon {
      @apply w-12 h-12 flex items-center justify-center text-2xl bg-gray-800/50 border border-gray-700 rounded-full text-accent-fire hover:bg-accent-fire hover:text-primary-dark hover:border-accent-fire transition-all duration-300 transform hover:-translate-y-1;
    }
    .gear {
        background: linear-gradient(145deg, #4d2f1a, #2b1a0c);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        text-shadow: 2px 2px 8px rgba(0,0,0,0.7), -1px -1px 2px rgba(97, 68, 45, 0.2);
        will-change: transform;
    }
    @keyframes build-up {
        from {
            opacity: 0;
            transform: translateY(35px) skewY(4deg);
        }
        to {
            opacity: 1;
            transform: translateY(0) skewY(0deg);
        }
    }
    .animate-build-up {
        opacity: 0;
        animation: build-up 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    }