/* Footer <li> hover effect */
      footer ul li {
        transition: color 0.3s, background 0.3s, transform 0.3s, box-shadow 0.3s;
        cursor: pointer;
        border-radius: 0.5rem;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
      }
      footer ul li:hover {
        color: #0ea5e9; /* Tailwind blue-500 */
        background: rgba(255,255,255,0.08);
        transform: translateY(-2px) scale(1.05);
        box-shadow: 0 4px 16px 0 rgba(14,165,233,0.15);
      }

      /* Attractive hover effect for all footer li elements */
      footer li {
        transition: all 0.25s cubic-bezier(0.4,0,0.2,1);
        cursor: pointer;
        border-radius: 0.5rem;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
      }
      footer li:hover {
        background: linear-gradient(90deg, #00AFFF22 0%, #6366f122 100%);
        color: #00AFFF;
        transform: scale(1.05) translateX(4px);
        box-shadow: 0 2px 12px 0 #00AFFF33;
      }